2017-12-07 8 views
0

グラフを描画した後、特定の系列を選択するなどのユーザー入力に基づいて、系列のedgeColorプロパティを変更しようとしています。これを行うには、borderColorプロパティを使用して2次元の縦棒グラフを作成する必要がありました。グラフが描画された後にhighChartsのseriesColorを変更できない

$.each(seriesDataArray,function(i,val){ 
    console.log (val); 
    chartDetails.series.push({ "size" : val.datasetSizeVerified , "data" : val.data});    
}; 

そして私は、コードの後の関数内にEdgeColorを変更しようとしている:私のデータ・ロード・スニペットは、次のようになります

function highlightChartSeries(currentTableDisplayIndex){ 
     if (myChart){ 
      $.each(myChart.series,function(i,val){         
       val.edgeColor = "green" ;        
       val.redraw();              
      });     

      myChart.series[currentTableDisplayIndex].edgeColor = "red";    
      myChart.series[currentTableDisplayIndex].redraw();         

     } 
} 

繰り返しますが、これは縦棒グラフと2Dで素晴らしい作品borderColorプロパティを使用します。私はグラフの構築中に元のシリーズオブジェクトにedgeColorを設定することができ、そのedgeColorは元のグラフに反映されます。しかし、私は後でそれを変更することはできません。どんな助けもありがとう!それは特別に実行に作成された機能であるため、

答えて

0

既存のシリーズにいくつかの値を追加(または変更)するには、あなたがChart.Series機能を使用する必要があります(更新と呼ばれる)、そしてそれに新しい設定オプションを渡すには、オブジェクトそのような行動。以下のコードをご覧ください:

chart.series.forEach(series => { 
    series.update({ 
    edgeColor: 'black' 
    }) 
}) 

私はあなたにlive exampleその機能の使用方法を用意しました。

よろしくお願いいたします。

+0

パーフェクト、ダニエル。ありがとうございました。そしてデモ! –

関連する問題