使用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

在你的小提琴中你有c3和d3版本4.看起来c3 is not yet compatible with d3 version 4（你可以通过查看你的浏览器错误控制台看到这一点，发现TypeError c.scale未定义，然后在网上搜索为什么这样做发生）。

用d3 3.x替换图表中的d3版本，你的代码就可以了。