多個infovis條形圖不起作用

Question

如何在單個網頁上繪製2個不同div的2個條形圖？如果我嘗試這樣做，一個條形圖會被第二個圖表的值覆蓋，因爲該庫會查找硬編碼的div名稱'infovis'。任何想法如何解決這個問題？

Answer 1

BarCharts繼承了Canvas對象，因此我們可以使用描述爲here的畫布選項。

你需要的是「injectInto」：這個選項允許設置你的容器DIV的ID。

Answer 2

我知道這有點晚了，但我想分享我所做的。

首先創建兩個div的：

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

然後，在你的JS，你在你的代碼編寫，注入到這兩個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. 

爲我工作。