是否可以一起使用 C3 和 D3?
Is it possible to use C3 and D3 together?
我正在研究图表库,如果我知道我仍然可以使用 D3 来填补 C3 的任何限制,我对 D3, but I'm kind of mind-boggled by its documentation. It would be a much easier decision to go with C3 的强大功能印象深刻。
那么是否可以通过 C3 使用 D3 功能来增强 C3 生成的图表?
您的问题有点过于模糊,无法回答 -- 您究竟想如何使用 d3
修改 c3
生成的图表?
尽管如此,我还是会尝试回答。 d3
是关于 selecting/appending 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
.
从头开始构建
我正在研究图表库,如果我知道我仍然可以使用 D3 来填补 C3 的任何限制,我对 D3, but I'm kind of mind-boggled by its documentation. It would be a much easier decision to go with C3 的强大功能印象深刻。
那么是否可以通过 C3 使用 D3 功能来增强 C3 生成的图表?
您的问题有点过于模糊,无法回答 -- 您究竟想如何使用 d3
修改 c3
生成的图表?
尽管如此,我还是会尝试回答。 d3
是关于 selecting/appending 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
.