多个信息可视化条形图不起作用

Question

如何在单个网页上以 2 个不同的div 绘制 2 个条形图？如果我尝试这样做，一个条形图会被第二个图表的值覆盖，因为库会查找硬编码的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

条形图继承了 Canvas 对象，因此我们可以使用此处描述的画布选项。

您需要的是"注入"：此选项允许设置容器 DIV 的 ID。