javascript - 使用C3创建折线图

Question

我试图弄清楚如何调用 C3 折线图，如下所示: http://c3js.org/samples/simple_multiple.html

这是我在 jsfiddle 中的内容: https://jsfiddle.net/isogunro/m2cnpq7m/

var chart = c3.generate({
bindto: '#myChart',
data: {
  columns: [
    ['data1', 30, 200, 100, 400, 150, 250],
    ['data2', 50, 20, 10, 40, 15, 25]
  ]
}

});

任何帮助将不胜感激。

Answer 1

在你的 fiddle 中你有 c3 和 d3 版本 4。看起来 c3 is not yet compatible with d3 version 4 (您可以通过查看浏览器错误控制台来看到这一点，找到 TypeError c.scale 未定义，然后进行网络搜索以了解发生这种情况的原因)。

将图表中的 d3 版本替换为 d3 3.x，您的代码将正常工作。