问题描述

highcharts3d饼图赋值，图表没有变化

问题出现的环境背景及自己尝试过哪些方法

相关代码

粘贴代码文本（请勿用截图）

data(){
  return{
    id: 'test',
    option: {
      chart: {
        type: 'pie',//饼图
        backgroundColor: 'rgba(0,0,0,0)',   //图表背景色
        options3d: {
          enabled: true,//使用3d功能
          alpha: 45,//延y轴向内的倾斜角度
          beta: 0,
        }
      },
      title: {
        text: null//图表的标题文字   设置标题文字为空(null)即可
      },
      tooltip: {
        pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>',
      },
      colors:['#53E5CF','#00B9F7'],
      plotOptions: {
        pie: {
          allowPointSelect: true,//每个扇块能否选中
          cursor: 'pointer',//鼠标指针
          depth: 35,//饼图的厚度
          dataLabels: {
            enabled: true,//是否显示饼图的线形tip
            // format: '{point.name}'
          }
        }
      },
      series: [{
        type: 'pie',
        name: '数值',//统一的前置词,非必须
        data: [
          {name:'正常设备',y:30},
          {name:'报警设备',y:90}
        ]
      }],
      credits: {
        enabled: false     //不显示LOGO 
      }
    },
  }
},
methods:{
  getData(){
    let data = {
      // buildingId:'4',
      projectId:'535'
    }
    leakageStatistic(data).then(res => {
      let body = res.data.data
      // console.log(body)
      if(res.data.code === 0){
        this.electricOnline = body.online
        var array = []
        for(var i=0;i<body.leakageStatus.length;i++){
          var obj = {
            name:body.leakageStatus[i].name,
            value:body.leakageStatus[i].value
          }
          array.push(obj)
          this.electricAlarm = body.leakageStatus[1].value
        }
        this.arrayList = array
        var aaa = JSON.parse(JSON.stringify(array).replace(/value/g,'y'))
        this.$data.option.series[0].data = aaa

      }else{
        this.$Message.error(res.data.msg)
      }
    })
  },
},
created() {
  this.getData()
},

你期待的结果是什么？实际看到的错误信息又是什么？

尝试了很久都不行，希望有人能帮忙解答下，不胜感激。

没用过 highchart，不过一般来说图表都要手动刷新一下。