Highcharts（时间序列可缩放）无法处理我的数据答案

【问题标题】：High charts (Time Series Zoomable) not working with my dataHighcharts（时间序列可缩放）无法处理我的数据
【发布时间】：2018-07-04 07:25:55
【问题描述】：

我刚开始玩高图表（Time-Series Zoomable），我有一个类似这样的 JSON 数据：

[
    {"StartTime":"2018-06-11T00:00:00","TotalReq":10},
    {"StartTime":"2018-06-12T00:00:00","TotalReq":34},
    {"StartTime":"2018-06-15T00:00:00","TotalReq":31},
    {"StartTime":"2018-06-16T00:00:00","TotalReq":2},
    {"StartTime":"2018-06-18T00:00:00","TotalReq":38},
    {"StartTime":"2018-06-19T00:00:00","TotalReq":69},
    {"StartTime":"2018-06-20T00:00:00","TotalReq":39},
    {"StartTime":"2018-06-21T00:00:00","TotalReq":100},
    {"StartTime":"2018-06-22T00:00:00","TotalReq":180},
    {"StartTime":"2018-06-25T00:00:00","TotalReq":104},
    {"StartTime":"2018-06-26T00:00:00","TotalReq":101},
    {"StartTime":"2018-06-27T00:00:00","TotalReq":123}
]

我正在尝试将 StartTime（日期）作为我的 x 轴参数和 TotalReq（计数）作为我的 y 轴参数。

但由于某种原因，当我将此数据传递给图表时，它不会将数据加载到图表中（空白屏幕）。我在某个地方出错了吗？纠正我，如果是这样。非常感谢。

这是我目前正在研究的 highcharts 中的工作示例。 Jsfiddle.

【问题讨论】：

标签： c# json asp.net-mvc highcharts timeserieschart

【解决方案1】：

Highcharts 需要毫秒的时间。

所以你的选择是用javascript转换你的字符串，像这样：

new Date("2018-06-27T00:00:00").getTime()

这意味着对于整个表你会这样做：

var arr = [
  {"StartTime":"2018-06-11T00:00:00","TotalReq":10},
  {"StartTime":"2018-06-12T00:00:00","TotalReq":34},
  {"StartTime":"2018-06-15T00:00:00","TotalReq":31},
  {"StartTime":"2018-06-16T00:00:00","TotalReq":2},
  {"StartTime":"2018-06-18T00:00:00","TotalReq":38},
  {"StartTime":"2018-06-19T00:00:00","TotalReq":69},
  {"StartTime":"2018-06-20T00:00:00","TotalReq":39},
  {"StartTime":"2018-06-21T00:00:00","TotalReq":100},
  {"StartTime":"2018-06-22T00:00:00","TotalReq":180},
  {"StartTime":"2018-06-25T00:00:00","TotalReq":104},
  {"StartTime":"2018-06-26T00:00:00","TotalReq":101},
  {"StartTime":"2018-06-27T00:00:00","TotalReq":123}]

arr.map(function(data) { return {x: new Date(data.StartTime).getTime(), y: data.TotalReq }})

返回该日期的毫秒值。或者用c#来做。

工作 JSFiddle 示例： https://jsfiddle.net/ewolden/rxLkn2u5/

【讨论】：