Highcharts样条线没有显示出来

我想要绘制具有下列数据的样条曲线：Highcharts样条线没有显示出来

[ 
    { 
     "name": "Version 1.0", 
     "data": [ 
      "10/9/2014, 11:47:03 AM", 
      170.023 
     ] 
    }, 
    { 
     "name": "Version 1.1", 
     "data": [ 
      "10/8/2014, 1:00:00 AM", 
      1967.02, 
      [ 
       "10/9/2014, 11:00:19 AM", 
       167.023 
      ], 
      [ 
       "10/9/2014, 9:34:49 PM", 
       1974.03 
      ], 
      [ 
       "10/9/2014, 9:45:33 PM", 
       1983.02 
      ], 
      [ 
       "10/9/2014, 10:36:10 PM", 
       1989.03 
      ], 
      [ 
       "10/10/2014, 3:05:37 AM", 
       1972.02 
      ], 
      [ 
       "10/10/2014, 5:01:43 AM", 
       1980.02 
      ], 
      [ 
       "10/10/2014, 8:37:18 AM", 
       16.0215 
      ], 
      [ 
       "10/10/2014, 2:37:44 PM", 
       1994.02 
      ] 
     ] 
    } 
]

这里是它的一个的jsfiddle：http://jsfiddle.net/rknLa2sa/3/

点被正确地绘制，但他们都没有用线连接。我如何让这些点连接到图表上？另外我如何使数据数组中的日期显示在x轴上以及工具提示中。

来源

2014-10-12 Bharat

而不是使用Date.UTC()您可以使用new Date(..).getTime()映射您的点。例如：http://jsfiddle.net/rknLa2sa/10/

 data: [ 
      ["10/8/2014, 1:00:00 AM", 1967.02], 
      ["10/9/2014, 11:00:19 AM", 167.023], 
      ["10/9/2014, 9:34:49 PM", 1974.03], 
      ["10/9/2014, 9:45:33 PM", 1983.02], 
      ["10/9/2014, 10:36:10 PM", 1989.03], 
      ["10/10/2014, 3:05:37 AM", 1972.02], 
      ["10/10/2014, 5:01:43 AM", 1980.02], 
      ["10/10/2014, 8:37:18 AM", 16.0215], 
      ["10/10/2014, 2:37:44 PM", 1994.02] 
     ].map(function (e) { 
      return [new Date(e[0]).getTime(), e[1]]; 
     })

来源

2014-10-13 12:55:38

谢谢！ 'new Date（..）。getTime（）'比手工分离日期并将其提供给Date.UTC（）'更容易。 – Bharat 2014-10-13 20:27:53

你已经在你的数据被遗忘的一些括号

"10/8/2014, 1:00:00 AM", 
      1967.02,

http://jsfiddle.net/rknLa2sa/4/

为了显示你可以进行预处理的数据标签和日期转换为UTC格式

这样

[ 
    Date.UTC(2014, 8, 10, 10), 
    167.023 
],

http://jsfiddle.net/rknLa2sa/7/

来源

2014-10-12 08:35:31 user2314737

谢谢！那太傻了。我应该更好地查看代码。你能否回答我的问题的第二部分？如何让这些数据显示在x轴和工具提示中。谢谢。 – Bharat 2014-10-12 08:52:13

Highcharts样条线没有显示出来

回答

相关问题