多个 infovis 条形图不起作用答案

【问题标题】：Multiple infovis bar charts do not work多个 infovis 条形图不起作用
【发布时间】：2014-03-17 19:43:44
【问题描述】：

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

【问题讨论】：

你能贴一些代码吗？
您可以寻找其他图表库。比如manicharts.com他们给出了文档，chart可以作为插件使用，不依赖于div或id。

【解决方案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.

为我工作。

【讨论】：

【解决方案2】：

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

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

【讨论】：