0

これが私がやろうとしていることです...マーカーが入った一連の線が入ったチャートがあります。X軸には日付があり、Y軸には数字があります。それで、昨日から来週までのxの日付があるとしましょう。そして、毎日、対応するY軸の値があります。私がやりたいのは、実際の日付に属するマーカーの色を変更することです。つまり、わかりやすくするために、ExtJSラインシリーズの1つのマーカーの色を変更したいと思います。私はmarkerConfigを知っていますが、すべてのマーカーに適用されるため、役に立たないようです。

私はこのようなものを周りに見つけていないので、皆さんが私を助けることができるかどうかを確認するためにここに立ち寄りました。前もって感謝します！

4

1 に答える 1

2

これを行う最も簡単な方法は、一連の単一のデータポイントを強調表示することだと思います。

まず、ハイライトスタイルを定義します。

Ext.create('Ext.chart.Chart', {
...
series: [{
  type: 'line',
  highlight: {
    size: 10,
    radius: 10,
    fill: 'red'
  },
...
});

次に、シリーズ内の適切なデータポイントを選択し、highlightItem（）メソッドを呼び出します。このメソッドの使用方法を示す例を次に示します。

var series = myChart.series.get(0);
series.highlightItem(series.items[2]);  // highlight the 3rd data point in the series

結果は次のようになります。
ここに画像の説明を入力してください

于 2012-09-08T20:29:47.417 に答える