饼图的动态数据输入

时间:2013-05-28 20:56:24

标签: javascript jquery

我从数据库获取值到javascript数组。我用来创建具有静态值的饼图的Javascript代码如下。

        $(function () {
        $('#container').highcharts({
            chart: {
                type: 'pie'
            },

            plotOptions: {
                pie: {
                    dataLabels: {
                        distance: -30,
                        color: 'white'
                    }
                }
            },

            series: [{
                data: [
                    [test[0],   44.2],
                    [test[1],       26.6],
                    [test[2],       20],
                    [test[3],    3.1],
                    [test[4],    5.4]
                ]
            }]
        });
    });

我希望我的数据像

一样动态
             series: [{
                data: [
                  for (var i=0;i<count;i++)
                 { 
                        [test[i],   44.2]
                 }
                     ]
            }]

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

您可以使用立即调用的函数表达式(IIFE)将数组作为数据返回。类似的东西:

 data: (function() {
     var d = [];
     for (var i=0; i < count; i++) {
         d.push([test[i],44.2]);     // it's not clear from your question where the second number is supposed to come from!
     }
     return d;
 })()