Javascript ChartJS-来自JSON的时间图
我将JSON返回到我的视图中,我想在一个折线图上解析日期,但是我在使用ChartJS添加日期时遇到了一些问题 这是我的JSON格式:(可以更改) 我试过了,但总是得到随机的时间戳Javascript ChartJS-来自JSON的时间图,javascript,json,chart.js,Javascript,Json,Chart.js,我将JSON返回到我的视图中,我想在一个折线图上解析日期,但是我在使用ChartJS添加日期时遇到了一些问题 这是我的JSON格式:(可以更改) 我试过了,但总是得到随机的时间戳 data: { labels: [], datasets: [{ data: [{ y: 0, x: new Date('2017,03,01') }, { y: 1, x: new Date('2017,03,02') }, {
data: {
labels: [],
datasets: [{
data: [{
y: 0,
x: new Date('2017,03,01')
}, {
y: 1,
x: new Date('2017,03,02')
}, {
y: 2,
x: new Date('2017,03,03')
}],
label: "test",
有人知道如何将正确的日期放在x轴上,并将值放在y轴上吗?谢谢。日期初始化中有一个错误:
new Date('2017,03,01')
应该由
new Date(2017,03,01)
(不带引号),因为“2017,03,01”是一个日期格式无效的字符串。
可以使用以下格式的字符串初始化日期对象(与输入格式相同):
为了转换输入的json,您可以编写如下函数:
var input = [{"y":4,"x":"2017-01-01"},
{"y":0,"x":"2017-01-02"},
{"y":9,"x":"2017-01-03"},
{"y":0,"x":"2017-01-04"},
{"y":14,"x":"2017-01-05"}];
var data = input.map(function(item) {
return {x: new Date(item["x"]), y: item["y"]};
});
并将数据传递到图形。日期初始化中有错误:
new Date('2017,03,01')
应该由
new Date(2017,03,01)
(不带引号),因为“2017,03,01”是一个日期格式无效的字符串。
可以使用以下格式的字符串初始化日期对象(与输入格式相同):
为了转换输入的json,您可以编写如下函数:
var input = [{"y":4,"x":"2017-01-01"},
{"y":0,"x":"2017-01-02"},
{"y":9,"x":"2017-01-03"},
{"y":0,"x":"2017-01-04"},
{"y":14,"x":"2017-01-05"}];
var data = input.map(function(item) {
return {x: new Date(item["x"]), y: item["y"]};
});
并将数据传递到图形。按原样使用json数据,但告诉chart.js x轴是时间
有关更多时间轴配置选项,请参阅。特别是parser(tick)属性,如果使用各种时间和日期格式。按原样使用json数据,但告诉chart.js x轴是时间
有关更多时间轴配置选项,请参阅。特别是parser(tick)属性,如果使用各种时间和日期格式。我在这里有点困惑,为什么不将JSON映射到
数据中呢?JSON中数据字符串中的值将与Date
一起使用。我在这里有点困惑,为什么不将JSON映射到数据
?JSON中数据字符串中的值将与Date
一起使用。