使用C3.js查询图表

时间:2015-12-16 18:24:32

标签: d3.js visualization data-visualization c3.js

我创建了一个包含大约10个项目的简单饼图(使用 C3.js和D3.js )。现在,在第二个可视化(表格)中,我想知道每个项目的颜色,也在表格中表示它们。

是否可以查询图表以接收商品的名称和颜色

我知道我可以手动hardcode colors查看商品,只使用相同的颜色。但是,这不适用于我的情况,因为饼图中的项目差异很大(我还不知道它们,因为它取决于用户),因此我的问题。< / p>

1 个答案:

答案 0 :(得分:1)

快速查看源代码,发现您是正确的,它是category10()

此外,它通过&#34;数据ID&#34;的密钥检索它们,这似乎是第一个&#34;列&#34;用它的数据输入格式:

columns: [
  ['data1', 30, 200, 100, 400, 150, 250], //<-- data1 is id
  ['data2', 130, 340, 200, 500, 250, 350]
]

您可以检查以下内容使用的内容:

> chart.internal.color('data1')
  "#1f77b4"
> chart.internal.color('data2')
  "#ff7f0e"