是否可以一起使用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.