Highcharts 如何在jquery中操作hightcharts数据？

我试图通过以下操作操作hightcharts数据以显示饼图：

<div style="display: none" id="main-data">
    <span data-name="Firefox" data-value="45"></span>
    <span data-name="IE" data-value="26.8"></span>
</div>

function getPieData() {
var dataArr = [];
$('#main-data span').each(function() {
    var name = $(this).data("name");
    var value = $(this).data("value");
    dataArr.push(name);
    dataArr.push(value);
});

return dataArr;
}

var dataArr = [['Firefox',45.0],['IE',26.8]];
var dataArr1 = getPieData();

---

如果使用dataArr，图表显示良好。但如果我使用dataArr1，它只显示一条垂直线。我试着打印出这两个dataArr，并查看它们的格式是否完全一致。如何修复我的dataArr1以像dataArr那样显示饼图？

使用函数dataArr1创建的数组是一维的，而手动实例化dataArr的数组是二维的。它必须是二维的，才能包含名称-值对

在示例的末尾，数组包含以下内容：

dataArr = [['Firefox', 45.0], ['IE', 26.8]];
dataArr1 = ['Firefox', 45, 'IE', 26.8];

您需要在getPieData函数内将数组推入数组中。例如：

function getPieData() {
    var dataArr = [];
    $('#main-data span').each(function() {
        var name = $(this).data("name");
        var value = $(this).data("value");
        dataArr.push([name, value]);
    });

    return dataArr;
}