infovis - 複数の Infovis 棒グラフが機能しない

Question

1 つの Web ページの 2 つの異なる div に 2 つの棒グラフをプロットするにはどうすればよいですか? そうしようとすると、ライブラリがハードコードされた div 名「infovis」を検索するため、1 つの棒グラフが 2 番目のグラフの値で上書きされます。これを修正する方法はありますか？

Answer 1

少し遅くなってしまいましたが、私がやったことを共有したいと思います。

最初に 2 つの div を作成します。

<div id='InfoVisChart1'></div>
<div id='InfoVisChart2'></div>

次に、コードを記述する JS で、2 つの ID に挿入します。

var barChart = new $jit.BarChart({  
//id of the visualization container  
  injectInto: 'InfoVisChart1',
.... etc.

var barChart2 = new $jit.BarChart({  
//id of the visualization container  
  injectInto: 'InfoVisChart2',
.... etc.

私のために働きます。

Answer 2

BarCharts は Canvas オブジェクトを継承しているため、ここで説明するキャンバス オプションを利用できます。

必要なのは「injectInto」です。このオプションを使用すると、コンテナー DIV の ID を設定できます。