选择要在 d3 中显示的数据

Question

如何在 d3 中进行数据可视化，以便在 selecting 属性时加载的数据发生变化？例如，如果我的数据是位置的函数，那么我可以 select 显示数据的位置。我找到的最接近的示例 was 更新了，但是我无法选择要显示的数据集。

Answer 1

要获得这种级别的交互，您可以关注基于 D3 的库 C3.js。

C3 提供了多种 API 和回调来访问图表的状态。通过使用它们，您可以更新图表，即使在图表呈现之后也是如此。

代码示例可能如下所示：

var chart = c3.generate({
    bindto: '#chart',
    data: {
      columns: [
        ['data1', 30, 200, 100, 400, 150, 250],
        ['data2', 50, 20, 10, 40, 15, 25]
      ]
    }
});

根据 C3 定义，data1、data2 都是您可以处理的交互元素。

此处的文档：http://c3js.org/

选择要在 d3 中显示的数据

Choosing the data to display in d3

d3.js

visualization

data-visualization