如何将JSON解析为Highcharts。

Question

以下内容：

$.get('/api/ajax_prices/' + product +'/', afterEndexPricesLoaded)

返回一个 JSON 对象。

{"aaData": [
    [1, "70.1700", "2008-12-29 11:23:00"],
    [2, "70.2600", "2008-12-29 16:22:00"],
    [3, "70.6500", "2008-12-30 11:30:00"],
    [4, "70.8700", "2008-12-30 16:10:00"],
    [5, "70.5500", "2009-01-02 11:09:00"],
    [6, "70.6400", "2009-01-02 16:15:00"]
]}

我正在尝试将json字符串解析为highchart。

这是我正在使用的代码（数据=上述json字符串）：

function afterPricesLoaded(data, textStatus, xhr) {

    var options = {
        chart: {
            renderTo: 'graph'
        },
        title: {
            text: 'Some text',
            style: {
                color: '#888888'
            }
        },
        xAxis: {
            type: 'datetime'
        }
        /*
        series: [{

            data: [
                [Date.UTC(2011, 0, 0), 29.9],
                [Date.UTC(2012, 0, 0), 71.5],
                [Date.UTC(2013, 0, 0), 106.4]
            ]}
        ]*/
    };

    new Highcharts.Chart(options)
}

我该如何将数据导入到Highcharts系列中？

编辑

图表类型 = http://www.highcharts.com/demo/line-basic
示例 = http://jsfiddle.net/kevink/9q4AT/

- nelsonvarela

---

这是一个 JavaScript 对象字面量，而不是 JSON 字符串。你实际上想使用哪个？ - Matt Ball

为什么这被标记为Python？我这里没有看到任何Python。 - Gareth Latty

抱歉，我正在使用Python/Django进行工作。我已经删除了标签。 - nelsonvarela

这是哪种图表类型？请提供链接。 - Zain Khan

Answer 1

这是您需要的内容吗？

http://jsfiddle.net/TWF6N/349/

$(function () {

    data = {"aaData": [
        [1, "70.1700", "2008-12-29 11:23:00"],
        [2, "70.2600", "2008-12-29 16:22:00"],
        [3, "70.6500", "2008-12-30 11:30:00"],
        [4, "70.8700", "2008-12-30 16:10:00"],
        [5, "70.5500", "2009-01-02 11:09:00"],
        [6, "70.6400", "2009-01-02 16:15:00"]
    ]};

    newData = data.aaData.map( function(row) {
        return [ new Date(row[2]).getTime(), parseInt(row[1]) ];
    });
    console.log(newData);

    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container'
        },
        xAxis: {
            type: 'datetime'
        },
        series: [{
            data: newData
        }]
    });
});

- LukeGT

---

几乎......我不需要时间。我需要年份、月份和日期，如下所示：Date.UTC(Y, D, M)。 - nelsonvarela