javascript - 可以同时使用 C3 和 D3 吗？

Question

我正在研究图表库，我对D3的强大功能印象深刻，但它的文档让我有点难以置信。如果我知道我仍然可以使用 D3 来填补 C3 的任何限制，那么使用C3将是一个更容易的决定。

那么是否有可能使用 C3 使用 D3 功能来增强使用 C3 生成的图表？

Answer 1

您的问题有点含糊，无法回答——您究竟想如何d3修改c3生成的图表？

就是说，无论如何我都会尝试回答。 d3就是选择/附加 DOM 元素，将数据绑定到它们，然后操作它们。完成后c3，没有什么能阻止您选择它生成的内容并进一步修改它。

这是我能想到的最简单的例子：

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

// select all it's "circles" and make them red
d3.selectAll(".c3-circle")
  .style("fill","red");

不过，如果我是你，我会硬着头皮学习d3。如果您正在查看构建在其之上的绘图库d3并说您需要更多，那么您的代码将从头开始构建起来更干净、更易于维护d3。