0

私は現在、これを使用した作業チャートを持っています：

$.ajax({
    type: "GET",
    url: graphURL,
    data: "",
    cache: false,
    success: function (response) {
        //alert(response);
        jsonData = JSON.parse(response);
        if(jsonData != '' && jsonData != null) {
            var category = jsonData.XData.split(",");
            var series = jsonData.YData.split(",");
            series = $.each(series, function (i, amt) {
                series[i] = parseFloat(series[i]);
            });
            //Display chart
            UserChart(series, category, jsonData.YAxisTitle);
        }
    }
});

...しかし、線の代わりにグラフが必要な場合などのオプションを設定することはできませんarea。すべての例で見られる次のようなものを含めることができるようにコードを変更するにはどうすればよいですか。

chart : {
    renderTo : 'container'
},

rangeSelector : {
    selected : 1
},

title : {
    text : 'AAPL Stock Price'
},

series : [{
    name : 'AAPL Stock Price',
    data : data,
    type : 'area',
    threshold : null,
    tooltip : {
        valueDecimals : 2
    },
    fillColor : {
        linearGradient : {
            x1: 0, 
            y1: 0, 
            x2: 0, 
            y2: 1
        },
        stops : [[0, Highcharts.getOptions().colors[0]], [1, 'rgba(0,0,0,0)']]
    }
}]
4

1 に答える 1

0

問題はseries、シリーズポイントのデータです。
にシリーズを渡してみてくださいUserChart。次のように：

var points = jsonData.YData.split(",");
points = $.each(series, function (i, amt) {
    points[i] = parseFloat(series[i]);
});

// here you set your serie config
var serie = {
    name: 'AAPL Stock Price',
    type: 'area',
    data: points,
    threshold : null,
    tooltip : {
        valueDecimals : 2
    }
};

UserChart(serie, category, jsonData.YAxisTitle);

次にUserChart、チャートシリーズにシリーズを直接追加する必要があります。

例：

var options: {
    chart : {
        renderTo : 'container'
    },

    rangeSelector : {
        selected : 1
    },

    title : {
        text : 'AAPL Stock Price'
    },

    series : []
};

function UserChart(serie, category, jsonData.YAxisTitle) {
    options.series.push(serie);
    // add your code
}
于 2013-02-13T20:12:50.087 に答える