使用 amCharts 解析日期问题
Parsing dates issues with amCharts
我正在尝试创建基于日期的数据序列类型图表,强烈基于 amChart 网站上提供的示例 "Date Based Data"。代码几乎相同,只是我要替换 dataProvider 变量名称和日期格式。
问题是它抛出 jQuery 错误:
Uncaught TypeError: Cannot read property 'replace' of undefined
at Object.d.formatDate (amcharts.js:397)
at b.dispatchTimeZoomEvent (serial.js:45)
at b.timeZoom (serial.js:36)
at b.zoom (serial.js:34)
at b.drawChart (serial.js:31)
at b.onDataUpdated (serial.js:25)
at b.initChart (serial.js:25)
at b.measureMargins (serial.js:7)
at b.onDataUpdated (serial.js:26)
at b.initChart (serial.js:25)
所以它没有渲染图表。
知道我可能做错了什么吗?这是带有代码的 fiddle:https://jsfiddle.net/qtzmq9z7/
var chartData = [{"regtime": "2016-12-06T09:16:17Z", "power": -0.4},
...
{"regtime": "2016-12-06T13:28:43Z", "power": -0.4}];
var chart1 = AmCharts.makeChart("general-chart", {
...
"dataDateFormat": "YYYY-MM-DDTHH:NN:SSZ",
"categoryField": "regtime",
"categoryAxis": {
"parseDates": true,
"dashLength": 1,
"minorGridEnabled": true,
"minPeriod": "SS"
},
...
});
PS:看起来 jsfiddle 和 amCharts 存在一些奇怪的错误,导致图形无限增加其高度,但在 jsfiddle 之外不会发生这种情况, 所以忽略这个问题。
minPeriod 使用 "ss" 秒。注意它必须是小写的。
"categoryAxis": {
"parseDates": true,
"dashLength": 1,
"minorGridEnabled": true,
"minPeriod": "ss"
}
请检查更新的例子https://jsfiddle.net/qtzmq9z7/1/
我正在尝试创建基于日期的数据序列类型图表,强烈基于 amChart 网站上提供的示例 "Date Based Data"。代码几乎相同,只是我要替换 dataProvider 变量名称和日期格式。 问题是它抛出 jQuery 错误:
Uncaught TypeError: Cannot read property 'replace' of undefined
at Object.d.formatDate (amcharts.js:397)
at b.dispatchTimeZoomEvent (serial.js:45)
at b.timeZoom (serial.js:36)
at b.zoom (serial.js:34)
at b.drawChart (serial.js:31)
at b.onDataUpdated (serial.js:25)
at b.initChart (serial.js:25)
at b.measureMargins (serial.js:7)
at b.onDataUpdated (serial.js:26)
at b.initChart (serial.js:25)
所以它没有渲染图表。
知道我可能做错了什么吗?这是带有代码的 fiddle:https://jsfiddle.net/qtzmq9z7/
var chartData = [{"regtime": "2016-12-06T09:16:17Z", "power": -0.4},
...
{"regtime": "2016-12-06T13:28:43Z", "power": -0.4}];
var chart1 = AmCharts.makeChart("general-chart", {
...
"dataDateFormat": "YYYY-MM-DDTHH:NN:SSZ",
"categoryField": "regtime",
"categoryAxis": {
"parseDates": true,
"dashLength": 1,
"minorGridEnabled": true,
"minPeriod": "SS"
},
...
});
PS:看起来 jsfiddle 和 amCharts 存在一些奇怪的错误,导致图形无限增加其高度,但在 jsfiddle 之外不会发生这种情况, 所以忽略这个问题。
minPeriod 使用 "ss" 秒。注意它必须是小写的。
"categoryAxis": {
"parseDates": true,
"dashLength": 1,
"minorGridEnabled": true,
"minPeriod": "ss"
}
请检查更新的例子https://jsfiddle.net/qtzmq9z7/1/