2016-09-01 5 views
0

私はハイストックチャートを持っており、ユーザーが別のチェックボックスを選択すると、シリーズを1つずつ追加したり削除したりします。各シリーズには独自の定義済みの色があり、各シリーズについては、https://highcharts.uservoice.com/forums/55896-highcharts-javascript-api/suggestions/2361925-allow-navigator-to-have-multiple-data-seriesからインスピレーションを受けたコードを使用して、同じ色のナビゲータにシリーズを追加します。ハイストックナビゲーターの色を第1シリーズと同じに変更してください

最初のナビゲータシリーズのみがハイスタンバイで自動的に処理されます(残りはプログラムで処理されます)。ユーザーが選択したシリーズの色と同じになるように描画されると、その色を変更したいと思います。私はいくつかのことを試してみましたが、それらの非は働く:http://jsfiddle.net/ezoeetvf/2/

myChart.addSeries({ 
     name : 'AAPL', 
     color: "#ff3300", 
     data : data, 
     tooltip: { 
      valueDecimals: 2 
     } 
    }, true); 

// series 1 is the auto-added navigator 
console.log(myChart.series[1].name); 
// trying set it's color in various ways 
myChart.series[1].color = "#ff3300"; 
myChart.series[1].options.color = "#ff3300"; 
myChart.series[1].options.lineColor = "#ff3300"; 

私は動的に追加してい最初のシリーズと同じ色であることをナビゲーターシリーズを持つことができますどのように?

+0

Series.update()を使用できます:http://jsfiddle.net/ezoeetvf/3/この例はあなたの要件を満たしていますか? –

答えて

0

上記のGrzegorzBlachlińskiのコメントは仕事をしました。私は終わった

myChart.series[1].update({color:"#55FF00" }); 

ありがとう。

関連する問題