Inf*_*scs 4 javascript charts c3
我正在尝试使用c3.js timeseries折线图(URL:http://c3js.org/samples/timeseries.html ).唯一的区别是我使用CDN链接到js文件而不是下载它们.但是我一直收到以下错误
Chrome 未捕获错误:未为id ="date"定义x.
Firefox 错误:没有为id ="date"定义x.
抛出新错误('x未定义为id ="'+ id +'".'); | ------------ +
html文件如下
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<link rel="stylesheet" type="text/css" href="http://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.css"/>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.js"></script>
<script>
var dates = ['20130101', '20130102', '20130103', '20130104', '20130105', '20130106'];
var sample = [30, 200, 100, 400, 150, 250];
var chart = c3.generate({
bindto: '#chart',
data: {
x:'Dates',
x_format:'%Y%m%d',
columns: [
//['Dates'].concat(dates),
//['Sample'].concat(sample)
['date', '20130101', '20130102', '20130103', '20130104', '20130105', '20130106'],
['sample', 30, 200, 100, 400, 150, 250]
]
},
axis: {
x: {
type : 'timeseries'
}
}
});
</script>
</head>
<body>
<div id="chart"></div>
</body>
</html>
我不知道为什么我得到与日期相关的错误.我尝试在C3参数中使用实际数据值,并将数据作为变量传递.任何帮助都非常感谢
您的dates数组需要第一个值为'set'的名称/ id,例如:
var dates = ['Dates', '20130101', '20130102', '20130103', '20130104', '20130105', '20130106'];
该data对象的x属性需要符合这一点.在上面的代码中,你有不同的值:Dates和date.
data: { x:'Dates',
你接近这个concat尝试.
看到这个链接:http://jsfiddle.net/jrdsxvys/16/