Javascript 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') }, {

我将JSON返回到我的视图中,我想在一个折线图上解析日期,但是我在使用ChartJS添加日期时遇到了一些问题

这是我的JSON格式:(可以更改)

我试过了,但总是得到随机的时间戳

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
一起使用。