多个infovis条形图不起作用

Question

如何在一个网页上用两个不同的div绘制两个条形图？如果我尝试这样做，一个条形图会被第二个条形图的值覆盖，因为库会查找硬编码的div名称'infovis‘。你知道怎么解决这个问题吗？

Answer 1

我知道这有点晚了，但我想分享我所做的一切。

首先创建两个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.

这对我很有效。

Answer 2

BarCharts继承了Canvas对象，所以我们可以使用here描述的canvas选项。

您需要的是"injectInto"：此选项允许设置容器DIVs的ID。