web-dev-qa-db-ja.com

Highchartsのシリーズのデータ​​を動的に変更する

オプションのデータで正常に動作するチャートがあります。シリーズのデータ​​を空のままにして、以下を試してみてください(クリックに応じてデータを変更できます)

options.series[0].data = [35.00,35.91,36.82,37.73,38.64];
var chart = new Highcharts.Chart(options);
25
Staple

series.setData()を使用することもできます。これにより、特定のシリーズのデータ​​全体を変更できます。

以下にAPIを示します link .

これがあなたの役に立つことを願っています。

34
Strikers

Eureka-ネストされた角括弧が必要なので、これは以下のように機能します。

options.series[0].data = [[35.00,35.91,36.82,37.73,38.64]];
5
Staple

次のように更新できます。

chart.series[0].setData([89,71,16,12,14]);

値とラベルの両方を変更する場合は、配列の配列を作成します。

chart.series[0].setData([['Apple',89], ['Orange',71], ['Banana',16], ['Grapes',12], ['Others',14]]);

JSFiddle Demo ボタンのクリックでデータを更新します。

3
Raging Bull