JSon with HighCharts and ASP.NET

Question

I'm new using highcharts and JSON.

My javascript code is this:

$(document).ready(function() {

    var options = {
        chart: {
            renderTo: 'grafica',
            type: 'spline'
        },
        series: [{}]
    };

    $.getJSON('ajax/gettipomov.aspx', function(data) {
        options.series[0].data = data;
        var chart = new Highcharts.Chart(options);
    });
});

And the data returned by the server and received by JavaScript is this:

[{"tipoMov":"Ajuste negativo","valorTipoMov":5},{"tipoMov":"Ajuste     positivo","valorTipoMov":5},{"tipoMov":"Compra","valorTipoMov":5},    {"tipoMov":"Transferencia","valorTipoMov":5},{"tipoMov":"Venta","valorTipoMov":5}]

The problem is that chart is not showing any data, the chart is blank: image The JSON Encoding that I use is:

var encoder = new JavaScriptSerializer();
    return encoder.Serialize(obj);

This format is not supported, instead of tipoMov and valorTipoMov should be name and y. — Paweł Fus
– Paweł Fus, Commented Sep 13, 2013 at 11:56

emerson.marini · Accepted Answer · 2013-09-13 13:54:46Z

1

That's the format expected:

{ "name": "Ajuste negativo", "y": 5 },
{ "name": "Ajuste positivo", "y": 5 },
{ "name": "Compra", "y": 5},
{ "name": "Transferencia", "y": 5},
{ "name": "Venta", "y": 5}

tipoMov and valorTipoMov mean nothing to Highcharts, so change your Object to return the properties named accordingly.

answered Sep 13, 2013 at 13:54

emerson.marini

9,3462 gold badges35 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

xuturk Over a year ago

Thanks but i can´t format this from C# code, i will try make this with the returned code in javascript. Thanks!

Collectives™ on Stack Overflow

JSon with HighCharts and ASP.NET

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related