dogrunjp
3/26/2014 - 6:23 AM

Highchartsのデータをアップデートする方法はdestroy()〜とredraw()の２種類ある。destroy()して再描画した方が若干速いらしい。いずれもD3.jsのアップデートよりわかりやすい。（普通にjQueryなので…） ※マルチデータなline chartの例

Highchartsのデータをアップデートする方法はdestroy()〜とredraw()の２種類ある。destroy()して再描画した方が若干速いらしい。いずれもD3.jsのアップデートよりわかりやすい。（普通にjQueryなので…） ※マルチデータなline chartの例

update_hicharts
content_copyfile_download
##destro()〜なアップデート
#chart = new Highcharts.Chart(options)がすでに描画されているケースでは
$.getJSON('hoge.json',function(data){
  chart.destroy()
  options.xAxis = data[1];
  options.series = data[0]['datas'];
  chart = new Highcharts.Chart(options);
});

##redraw()を利用したアップデート
$.getJSON('hoge.json',function(data){
  chart.series.setData(data);
  chart.redraw();
});