javascript - laravel如何在highcharts饼图中添加动态数据

Question

我正在使用 highcharts 饼图，但无法填充动态数据。这是静态表格饼图视图

上图的代码是

Highcharts.setOptions({
                colors: projectColor.split(','),
            });

            Highcharts.chart('myChartStatics', {
            chart: {
                plotBackgroundColor: null,
                plotBorderWidth: 0,
                plotShadow: false,
                type: 'pie',
            },
            title: {
                text: ''
            },
            navigation: {
                buttonOptions: {
                    enabled: false
                }
            },
            tooltip: {
                pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
            },
            accessibility: {
                point: {
                    valueSuffix: '%'
                }
            },
            plotOptions: {
                pie: {
                    allowPointSelect: true,
                    cursor: 'pointer',
                    dataLabels: {
                        enabled: true,
                        format: '<b>{point.name}</b>: {point.percentage:.1f} %'
                    },
                }
            },
            series: [{
                type: 'pie',
                innerSize: '60%',
                name: 'Tasks',
                colorByPoint: true,
                data: [
                    [
                    "Inbox", 12
                    ],  
                    [
                    "Usage Guidance", 12
                    ],  
                    [
                    "Jobeegoo", 12
                    ],  
                ]
            }]
        });

现在我想在我尝试过的ajax调用上添加数据数组动态，但它不显示图表

projectName = projectName.split(',')
totalTask = totalTask.split(',')

var loop = [];

for(var x = 0; x < projectName.length; x++){
loop.push([projectName[x] , parseInt(totalTask[x])]);
}
            
var data_value = JSON.stringify(loop);
console.log(data_value)

和控制台显示

[["inbox",128],["Usage Guidance",116],["FocusChain",0]]

告诉我哪里错了

标签： javascriptjquerylaravel