ExtJSチャートのシリーズで1つのマーカーを変更する

Question

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

私はこのようなことは何も発見していないので、私はあなたが私を助けることができるかどうかを見るためにここに止まった。 ありがとうございます！

Answer 1

これを行う最も簡単な方法は、シリーズ内の単一のデータポイントを強調表示することです。

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

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 

結果は次のようになります。