javascript - 带有 HighCharts 和 ASP.NET 的 JSON

Question

我是使用 highcharts 和 JSON 的新手。

我的javascript代码是这样的：

$(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);
    });
});

而服务器返回并被 JavaScript 接收的数据是这样的：

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

问题是图表没有显示任何数据，图表是空白的：image 我使用的 JSON 编码是：

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

Answer 1

这是预期的格式：

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

tipoMov并且valorTipoMov对 没有任何意义Highcharts，因此请更改您Object以返回相应命名的属性。