2

プロパティを使用する代わりに、ExtJS シリーズ レンダラー関数を使用してfill、散布図のプロパティを設定していmarkerConfigます。ポイントごとに異なる色で塗りつぶしたいので。その正常に動作します。

renderer : function(sprite, record, attr, index, store) {
   Ext.apply(attr, {
       fill : '#F00'
   }
}

typeしかし、各ポイントが円、十字、プラス、ダイヤモンドなどのさまざまなタイプで表示されるように、プロパティを設定したいと思います。機能していません。散布点の半径と、レンダラー関数でプロパティを設定できません。

レンダラー関数でそれを行うにはどうすればよいですか?

4

1 に答える 1

0

そのためには、これらのタイプを使用するだけです (ドキュメントによると):

  • circle - 円を描く。スプライト構成で radius パラメータを使用して半径を設定できます。
  • rect - 長方形をレンダリングします。スプライト構成で幅と高さのパラメーターを使用して、長方形の幅と高さを設定できます。
  • text - テキストをスプライトとしてレンダリングします。font パラメータを使用して、font/font-size を設定できます。
  • path - 最も強力なスプライト タイプ。これにより、SVG パス構文を使用して任意の形状を作成できます。パス構文の使用を開始する方法についての簡単なチュートリアルをここで見つけることができます。

たとえば、プラスが必要な場合は、次のことができます。

renderer : function(sprite, record, attr, index, store) {
    var plus="M-1.1538461538461537,-1.1538461538461537l0,-2.3076923076923075,2.3076923076923075,0,0,2.3076923076923075,2.3076923076923075,0,0,2.3076923076923075,-2.3076923076923075,0,0,2.3076923076923075,-2.3076923076923075,0,0,-2.3076923076923075,-2.3076923076923075,0,0,-2.3076923076923075,z";
    return Ext.apply(attr, { fill: '#F00', type: 'path', path: plus });
}

ドキュメントリンク: http://www.sencha.com/learn/drawing-and-charting/

于 2013-03-12T02:04:40.730 に答える