javascript - 如何在javascript中动态添加项目到数组

Question

首先，我是一个完全的 javascript 新手，所以请多多包涵。我有以下脚本使用 Highchart 框架绘制饼图

$(function() {
    var options = {
        colors: ["#66CC00", "#FF0000", "#FF6600"],
        chart: {
            renderTo: 'container',
            plotBackgroundColor: null,
            plotBorderWidth: null,
            plotShadow: true
        },
        title: {
            text: 'Host Status'
        },
        tooltip: {
            formatter: function() {
                return '<b>' + this.point.name + '</b>: ' + this.total;
            }
        },
        plotOptions: {
            pie: {
                allowPointSelect: true,
                cursor: 'pointer',
                dataLabels: {
                    enabled: true,
                    color: '#000000',
                    connectorColor: '#000000',
                    formatter: function() {
                        return '<b>' + this.point.name + '</b>';
                    }
                }
            }
        },
        series: [{
            type: 'pie',
            name: 'service status',
            data: []
        }]
    }

    var chart;
    options.series.data.push('['
    Service Ok ',   45.0]')
    $(document).ready(function() {
        chart = new Highcharts.Chart(options)
    });

});​

我想做的是将值作为对象数组动态加载到 series.data 数组中。这里哪里出了问题，是否有更好的方法将数据加载到数据数组中？

Answer 1

series 属性是一个数组，因此您需要这样写(向系列添加单个数据点):

options.series[0].data.push( ["Service Ok", 45.0 ]);

我在看 this JS Fiddle .