将json数据解析为highcharts答案

【问题标题】：Parsing json data to highcharts将json数据解析为highcharts
【发布时间】：2013-03-09 13:17:50
【问题描述】：

我已经搜索和搜索，但我仍然无法找到解决方案。

我正在尝试使用来自我的服务器的 json 将数据加载到 Highcharts 中。这是从我的服务器返回的 json：

   [{
    "x": "\/Date(1352674800000)\/",
        "y": 621
}, {
    "x": "\/Date(1352761200000)\/",
        "y": 646
}, {
    "x": "\/Date(1352847600000)\/",
        "y": 690
}, {
    "x": "\/Date(1352934000000)\/",
        "y": 688
}, {
    "x": "\/Date(1353020400000)\/",
        "y": 499
}]

这是我的高图：（来自我的 jsfiddle）

    var seriesData = [];
for (var i = 0; i < data.length; i++) {
   var dateString = data[i].x;
var x = dateString.replace(/\/Date\((\d+)\)\//, '$1');


    var y = data[i].y;


    seriesData.push([x, y]);

}
alert(seriesData);

var options = {
    chart: {
        renderTo: 'container'
    },
    xAxis: {        
        type: 'datetime',
        labels: {
            formatter: function() {
            var monthStr = Highcharts.dateFormat('%a', this.value);
            var firstLetter = monthStr.substring(0, 1);
            return firstLetter;
            }
        }
    },



    series: []
};

function myfunk() {
   options.series.push(seriesData);



    chart = new Highcharts.Chart(options);
}
myfunk();

但我的数据没有显示。

我做了一个jsfiddel：http://jsfiddle.net/grVFk/12105/

编辑：

现在它可以工作了，但数据点是否显示了错误的日期？ http://jsfiddle.net/dxCHB/18/

如果有人可以帮助我，我将非常感激！ :)

【问题讨论】：

标签： json parsing highcharts linechart

【解决方案1】：

你们很亲密。系列数组需要包含一个带有数据成员的对象：

 series: [
    {
       data:[]
    }
 ]

然后您可以使用：

function myfunk() {
    options.series[0].data = seriesData;

我修改了你的 jsfiddle：http://jsfiddle.net/dxCHB/

用数字格式化你的日期

seriesData.push([x/1, y]);

【讨论】：

大声笑。我在highcharts问题上见过你。你已经发布了一些很好的答案。
感谢@SteveP。我每天在工作中都使用 HighCharts，我决定如果可以的话，我应该开始在这里帮助人们。我绝对不是高手，但我试试看。
谢谢史蒂夫！但是我如何让它在 x 轴上显示日期/工作日？为什么这不起作用？ jsfiddle.net/dxCHB/10
您的日期数据需要数字，而不是字符串。 X/1 强制它是一个数字。

【解决方案2】：

您的数据应该是数字，因此您可以使用 parseFloat() 函数将字符串转换为数字。

【讨论】：