C3.js 中的时间序列图无法访问时间戳
Timestamp not accessed for Time series plot in C3.js
我正在尝试为给定数据绘制具有两列的时间序列图,第一列具有时间戳,第二列是当时各自的电压值。通过 C3.js url 方法访问数据文件,并指定日期时间的解析格式。输出不显示。我不知道,但是,我在这里尝试的方式是对的吗?请帮帮我。
这是我的 C3 脚本:
var chart=c3.generate({
data: {
url: '/data/data.csv'
x: 'timestamp'
xFormat: '%m/%d/%Y %H:%M:%S %p'
// My date format in .csv file is: 9/30/2015 6:38:00 PM
columns: [
['timestamp', ... ],
['voltage', ... ]
]
},
axis: {
x: {
type: 'timeseries',
tick: {
format: function(x) {
retun x.getDate();
}
}
}
}
});
经过一些实验,我修改了您的代码,添加了分隔参数所需的逗号 (,),然后我让您的代码片段正常工作。以下是修订后的代码:
var chart=c3.generate({
data: {
url: 'data/data.csv',
x: 'timestamp',
xFormat: '%m/%d/%Y %H:%M:%S %p',
//~ My date format in .csv file is: 3/2/2016 6:44:00 PM
columns: [
['timestamp'],
['voltage']
]
},
axis: {
x: {
type: 'timeseries',
tick: {format: function (x) { return x.getHours(); }}
}
}
});
在"tick"参数中,我相信您需要使用JavaScript日期时间方法,例如"getHours()",因为您正在尝试格式化该行中的日期,而不是获取新日期。在我的情况下,输出以 0 到 24 小时为增量。
另外,我的数据.csv文件如下所示:
timestamp,voltage
3/2/2016 6:44:00 PM,30.893
3/2/2016 4:57:00 PM,75.964
3/2/2016 3:43:00 PM,96.37
3/2/2016 2:38:00 PM,99.157
3/2/2016 1:29:00 PM,85.335
3/2/2016 11:16:00 AM,31.445
相关文章:
- 如何每10.6秒从时间戳增加+1
- 使用AngularJS从时间戳中获取工作日
- 将时间戳转换为java中的ISO860,
- Javascript Unix时间戳转换
- JavaScript JSON关联对象键和值都作为日期时间戳
- 时间戳与mongoskin如何
- 用时间戳获取两个不同日期之间的时间差
- JavaScript到PHP的时间戳失败,增加了大约一个半月的时间
- 转换unix时间戳转换
- 带有unix时间戳的d3.js平分线
- 当转换为Python日期时间时,Node的时间戳落后3分钟
- 如何检索AMD的XHR响应代码(+时间戳)'大型Dojo
- javascript时间戳插入字符串变量
- Moment.js unix时间戳,以分钟为单位显示以前的时间
- 事件时间戳谷歌分析
- 时间戳到文本
- Unix时间戳从现在输出为1970
- 如何使用javascript在嵌入式youtube视频上创建可点击的时间戳链接
- 如何在时间标签和相同的类中以UTC格式重新格式化ISO 8601时间戳,并通过JavaScript根据用户区域设置和时区
- C3.js 中的时间序列图无法访问时间戳