data的里 chartOptions的写法

 chartOptions: {
                    chart: {
                        // plotBackgroundColor: null,
                        // plotBorderWidth: null,
                        // plotShadow: false,
                        type: 'pie',
                        // options3d: {
                        //     enabled: true,
                        //     alpha: 45,
                        //     beta: 0
                        // },
                    },
                    title: {
                        text: '<br />岩心陈列馆岩心区块分布数据统计'
                    },
                    tooltip: {
                        pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
                    },
                    plotOptions: {
                        pie: {
                            allowPointSelect: true,
                            cursor: 'pointer',
                            depth: 35,
                            dataLabels: {
                                enabled: true,
                                format: '{point.name}',
                                // style: {
                                //      color: (highcharts.theme && highcharts.theme.contrastTextColor) || 'black'
                                // }
                            }
                        }
                    },
                    series: [{
                        type: 'pie',
                        name: '所占百分比(%)',
                        data: [],
                    }]
                },

在axios里赋值的格式：

 _this.$set(_this.chartOptions.series[0],"data",response.data);

使用this.$set来触发vue的更新机制，重新渲染视图，然后给series[0]赋值，因为series[0]这个才代表data，
下列错误的写法：

 _this.$set( _this.chartOptions.series,"data",response.data);

因为series这个数组包含了其余的内容。而series[0]才代表为data

版权属于：小小窝/禾下月

本文链接：https://hxyxyz.top/index.php/Web/246.html

本站文章采用 知识共享署名4.0 国际许可协议 进行许可，请在转载时注明出处及本声明！