javascript - how to parse json into highcharts - Stack Overflow

admin管理员组

文章数量:1291023

The following:

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

Returns a json object

{"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"]
]}

I am trying to parse the json string into highchart

This is the code I am trying it with (data = above json string):

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)
}

How can I get the data into highchart series?

Edit

Graphtype =
Example = /

The following:

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

Returns a json object

{"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"]
]}

I am trying to parse the json string into highchart

This is the code I am trying it with (data = above json string):

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)
}

How can I get the data into highchart series?

Edit

Graphtype = http://www.highcharts./demo/line-basic
Example = http://jsfiddle/kevink/9q4AT/

• javascript
• json
• highcharts

Share Improve this question Follow edited Jan 13, 2014 at 13:06 SteveP 19.1k99 gold badges4848 silver badges6262 bronze badges asked May 8, 2012 at 13:18 nelsonvarelanelsonvarela 2,37077 gold badges2828 silver badges4444 bronze badges 4

• That's a JavaScript object literal, not a JSON string. Which are you actually trying to use? – Matt Ball Commented May 8, 2012 at 13:21
• Why is this tagged as Python? I don't see any Python here. – Gareth Latty Commented May 8, 2012 at 13:23
• My bad, i'm working with python/django. I removed the tags – nelsonvarela Commented May 8, 2012 at 13:25
• which graph type is this? link pls – Zain Khan Commented May 8, 2012 at 13:26

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

Is this what you're looking for?

http://jsfiddle/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
        }]
    });
});

本文标签： javascripthow to parse json into highchartsStack Overflow