infovis - 多个 infovis 条形图不起作用

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

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

您需要的是“injectInto”：此选项允许设置容器 DIV 的 ID。