1


Sencha charts 1.0で折れ線グラフを作成しようとしていますが、うまく機能します。ただし、マーカー円は軸線によってカットされています。これは、Senchaチャートの公式例（画像をマーカーとして使用しています...）でも確認できます：http：//dev.sencha.com/deploy/touch-charts-1.0.0/examples/Line/。

Ext js 4を使用して、折れ線グラフのマーカーがカットされていない別の例を見つけました：http: //dev.sencha.com/deploy/ChartsDemo/examples/chart/Line.html。

私は複数のことを試しました：CSSで遊んでみました、Ext.chart.series.LineのコードをExt JS 4のものに切り替えようとしましたが、成功しませんでした。誰かがそれを行う簡単な方法を知っていますか？それをどのように行うかの手がかりへの言及でさえ？

ありがとう

4

1 に答える 1

0

他の誰かが私の前ですでにそれを経験したようです。どうやら、Ext.js 4はSVGを使用してチャートを実装しているのに対し、SenchaCharts1.0はCanvasでの描画を使用して実装しています。ソースコードがもっと読みやすい場合-レイヤーを使用する場所と、チャートキャンバスにz-Indexを少なくするように依頼する必要がある場所を理解できたはずです。ただし、そうではありません。快適な回避策は、シリーズごとに5 px（マーカーポイントの半径によって異なります）のガターを定義することです。

getGutters:function(){
                    return[0,5];
                },

このスレッドで解決策を見つけました： http ：//www.sencha.com/forum/showthread.php？202886-add-space-on-x-axis-in-graph

于 2012-06-17T12:22:42.987 に答える