C3 时间序列图表给出错误 <路径>属性的值无效
C3 timeseries chart giving error Invalid value for <path> attribute
我正在尝试使用 c3.js 生成时间序列图表,一切正常,除了当我尝试在 x.axis 上添加日期时,它突然给出错误无效值。我不明白为什么我遵循 c3 文档的确切风格。JSFIDDLE:
法典:
var chart = c3.generate({
bindto: '#chart',
data: {
x: 'x',
columns: [
["x", "2016-01-04", "2016-01-05", "2016-01-06", "2016-01-07", "2016-01-08", "2016-01-09", "2016-01-10", "2016-01-11", "2016-01-12", "2016-01-13", "2016-01-14", "2016-01-15", "2016-01-16", "2016-01-17", "2016-01-18", "2016-01-19", "2016-01-20", "2016-01-21", "2016-01-22", "2016-01-23", "2016-01-24", "2016-01-25", "2016-01-26", "2016-01-27", "2016-01-28", "2016-01-29", "2016-01-30", "2016-01-31", "2016-02-01", "2016-02-02", "2016-02-03"],
["Democrates", 49.85, 49.89, 49.82, 49.51, 49.42, 49.33, 49.24, 49.64, 49.57, 49.57, 49.01, 48.67, 48.7, 48.7, 48.7, 48.63, 48.63, 48.63, 48.63, 48.63, 48.61, 48.61, 48.68, 48.76, 48.84, 48.73, 48.76, 48.79, 48.81, 49.68, 49.63],
["Republicans", "50.15", "50.11", "50.18", "50.49", "50.58", "50.67", "50.76", "50.36", "50.43", "50.43", "50.99", "51.33", "51.30", "51.30", "51.30", "51.37", "51.37", "51.37", "51.37", "51.37", "51.39", "51.39", "51.32", "51.24", "51.16", "51.27", "51.24", "51.21", "51.19", "50.32", "50.37"]
],
colors: {
Democrates: '#4575b4',
Republicans: '#d73027'
},
}
});
在此处查看更新的小提琴:http://jsfiddle.net/yrzxj3x2/3/
您必须告诉x轴为"时间序列"类型,并且定义格式并没有什么坏处。这是在图表上启用时间序列的位:
axis: {
x: {
type: 'timeseries',
tick: {
format: '%Y-%m-%d'
}
}
}
请参阅此处的参考资料:http://c3js.org/samples/timeseries.html
相关文章:
- 表单's的action属性-如何在javascript中指定完整的应用程序路径
- 未捕获的InvalidValueError:setIcon:不是字符串;并且没有url属性;并且没有路径属性
- 为什么html src属性中的相对url是因为Javascript函数中的完整路径
- React.js.Error:<路径>属性d
- 使用 D3,如何设置轴路径和线条的属性(“填充”、“无”),而不是文本(不编辑样式表)
- 错误:<路径>属性 d=“MNaN,NaNA5,5 0 1,1 NaN,NaNL0,0Z”的值无效
- 拉斐尔路径中的自定义属性
- jQuery 从数据属性获取路径
- 谷歌地图:- 无效值错误:设置图标:不是字符串;并且没有网址属性;并且没有路径属性
- C3 时间序列图表给出错误 <路径>属性的值无效
- 设置属性内的 Raphaeljs 路径 ID
- Javascript - 检索对象属性路径
- 如何在 Javascript 中使用元素的 CSS 路径将 CSS 属性应用于元素
- 硒:借助链接等属性获取元素的路径
- 我应该如何在 Angular ui 路由器中创建模板网址属性的路径
- 如果我有一个指向所需属性的路径数组,如何设置为对象的属性
- 从类似对象路径的数据中检索属性#0.elements.#0.name”;
- 将SVG路径d属性转换为点数组
- SVG动画路径's属性
- D3js 将路径“d”属性绑定到数据