选择要在d3中显示的数据

Question

如何在d3中进行数据可视化，以便在选择属性时加载的数据会发生变化？例如，如果我的数据是位置函数，那么我可以选择显示数据的位置。 我发现最近的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/