highcharts饼图如何动态获取数据(js,jquery),求解

dymmlrs 发布于 2013/07/11 22:32
阅读 12K+
收藏 1

开源领域的桌面端 Manus?最懂打工人的智能体?DeepChat !

function showMyTask(dataObj){          //传入的是从后台获取的数组
    var chart0;  
    $(document).ready(function () {
        chart0 = new Highcharts.Chart({
            chart: {
                renderTo:'statistic-mytask-container',
                plotBackgroundColor: null,
                plotBorderWidth: null,
                plotShadow: false
            },
            title: {


                text: '我建立的任务'
            },
            tooltip: {
                pointFormat: '{series.name}: <b>{point.percentage}%</b>',
                percentageDecimals: 1
            },
            plotOptions: {
                pie: {
                    allowPointSelect: true,
                    cursor: 'pointer',
                    dataLabels: {
                        enabled: false
                    },
                    showInLegend: true
                 
                }
            },
            series: [{
                type: 'pie',
                name: '任务比例',
                data: [
                    ['已完成', dataObj[0]], /*传参正确?????*/
                    ['已过期', dataObj[1]],
                    ['进行中', dataObj[2]],
               
                ]
                    
            }]
        });
    });

 }

初次引用highchats,这里我是想实现从后台获取数据显示在前台,首先是传入了dataObj数组,然后直接在 series中的data中直接引用了dataObject[],但是前台无法显示data这部分图,如下图所示,参数能否像我写的那样啊,还是我缺少什么处理,求解


加载中
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部