Javascript - Highcharts - 输入数据数组数组

Question

我正在尝试向 highcharts 图提供输入数据，但面临一个问题。我通过 json 获取数据，然后将它们添加到数据中，如下所示:

function getGraphValues() {
period.deviceID = user.deviceID;
var postData = JSON.stringify(period);
var postArray = {json:postData};
$.ajax({
    type: 'POST',
    url: "getData.php",
    data: postArray,
    success: function(data)
    {
        data1 = JSON.parse(data);
        if (data1.status == "ok" )
        {
        var stats = data1.metrics.split("/");
        $(function () {
            $('#container').highcharts(
        {
            chart: {type: 'bubble',zoomType: 'xy'},
            title: {text: 'Highcharts Bubbles'},
            series: [{data: [getData(stats)]}]
        });});
        }
           else
           {
           alert("error");
           }}
});}   


function getData(stats)
{
var data;
var stats;
 for (var j = 0; j < stats.length; j++) 
 {
 data += "[" + j + "," + stats[j] + "," + stats[j]*8 + "],";
 }
 stats = data.split(",");
return stats;
}

所以，通过这样的方式，我确实得到了这种形式的统计数据:[47,47,21],[20,12,4],[6,76,91],[38,30,60],[57,98,64],[61,17,80],[83 ,60,13],[67,78,75]存储在字符串变量中。我的问题是我无法传递这个字符串作为数据输入，因为它等待数字而不是字符串。我应该如何以可接受的方式提供数据属性？如果需要，如何在 getData 函数中创建数组的数组？谢谢。

Answer 1

如果我没看错你的问题，你希望 getData 返回一个二维数组。我相信以下功能可以满足您的需要:

function getData(stats) {
    var result = [];
    for (var j = 0; j < stats.length; j++) {
        var data = [j, stats[j], stats[j]*8];
        result.push(data);
    }
    return result;
}

这是一个 jsFiddle demo .

这是另一个在 highcharts 气泡图中使用上面定义的 getData 函数的示例:

$(function () {
    function getData(stats) {
        var result = [];
        for (var j = 0; j < stats.length; j++) {
            var data = [j, stats[j], stats[j]*8];
            result.push(data);
        }
        console.debug(result);
        return result;
    }

    $('#container').highcharts({
        chart: {type: 'bubble',zoomType: 'xy'},
        title: {text: 'Highcharts Bubbles'},
        series: [{data: getData([1,2,3])}]
    });
});

以及对应的jsFiddle demo .