zg123456のプロフィール

JavaScriptのグラフ描画ライブラリのHighchartsを使っています。 HighchartsのsetData()を使うかその他の方法で一度に複数seriesを追加する 方法がないかを探しております。 今、グラフの描画用データをAjaxで取得してきて、そのデータを元にして積上げ 棒グラフを横に描画すると言った処理を書いています。 データ待ちの間のローディング表示を終えてデータが準備できたタイミングで グラフの描画が始まりますが、この時seriesを事前に複数セットしておけば、 x軸0から＋方向へ徐々に積み上がるのですが、setDataやaddSeriesを使って 後からデータを追加投入するメソッドだと、x軸の始点がシリーズ単位で 区切られてしまいなんだか非常に違和感があります。 以下確認済みの事項です。 ・addSeriesだとseriesの追加は1回の呼び出しで1seriesしか追加されない。 ・setDataメソッドを使ってパイチャートでは複数seriesの追加が出来ている 　 等からどうにかする方法が無いのかなと思っています。 ちなみに、以下いくつか試してみた方法 ［上手く行く方法］ var chart　　= $('#container').highcharts(); chart.hideLoading(); chart.addSeries({name: 'John', data: [5, 3, 4, 7, 2]}); chart.addSeries({name: 'Poale', data: [4, 8, 2, 2, 1]}); chart.redraw(); ※始点がシリーズ単位で区切られてしまう ［以下上手くいかない］ var chart　　= $('#container').highcharts(); var chtData = []; chart.hideLoading(); chtData.push({name: 'John', data: [5, 3, 4, 7, 2]}); chtData.push({name: 'Poale', data: [4, 8, 2, 2, 1]}); →上手くいかない(チェック) chart.series[0].data = chtData; →上手くいかない(チェック) chart.series[0].setData([chtData], true); どなたか方法ご存知のかたいらっしゃったら教えて下さい。