使用 C3.js 查询图表

Question

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

是否可以查询图表以接收项目的名称和颜色？

我知道我可以为项目手动 hardcode colors 并且只使用相同的颜色。但是，这不适用于我的情况，因为 饼图中的项目差异很大 （我还不知道它们，因为它取决于用户），因此我问题。

Answer 1

快速查看源代码表明您是正确的，它是category10()。

此外，它通过 "data id" 的键检索它们，这似乎是其数据输入格式中的第一个 "column"：

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"

Query a Chart with C3.js