Question

我正在研究图表库，我对D3的力量印象深刻，但我对它的文档感到难以置信。如果我知道我仍然可以使用D3来填补C3所具有的任何限制，那么使用C3更容易做出决定。

使用C3，可以使用D3功能来增强用C3生成的图表吗？

Answer 1

您的问题有点过于模糊，无法回答 - 您希望如何使用d3修改c3生成的图表？

那就是说，无论如何我都会小心翼翼地回答。 d3就是选择/附加DOM元素，将数据绑定到它们然后操纵它们。在c3完成之后，没有什么可以阻止您选择生成的内容并进一步修改它。

这是我能想到的simplest example：

// 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。

是否可以一起使用C3和D3？

1 个答案: