新しいデータの列(カテゴリ)が以前よりも少ない場合、ハイチャートチャートの更新で問題が発生します。
フィドル: http: //jsfiddle.net/ggoforth/bZAF7/
私が次のようなチャートを持っていると考えてください:
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'column'
},
xAxis: {
categories: ['pizza', 'french fries']
},
series: [{
data: [55, 32]
}]
});
これにより、2列の縦棒グラフがレンダリングされます。次に、いくつかのボタンを介して私は行います:
chart.series[0].setData([55, 32, 17], false);
chart.xAxis[0].setCategories(['pizza', 'french fries', 'nachos'], false);
chart.redraw();
これにより、チャートが3列になるように更新されます。これはすべて問題なく機能します。ただし、後で、グラフを2列で更新した場合は次のようになります。
chart.series[0].setData([55, 32], false);
chart.xAxis[0].setCategories(['pizza', 'french fries'], false);
chart.redraw();
「オプションが未定義です」というエラーが表示されます。これは再現可能であり、ここに問題を示すフィドルがあります:http: //jsfiddle.net/ggoforth/bZAF7/
新しいデータを設定する前に、最初にチャートで行う必要のある「リセット」のようなものはありますか?私が言ったように、それは2列-> 3列から行くときに機能しますが、その逆はありません。
助けてくれてありがとう!