【无标题】

关于vue echart3D 饼图开发


  
  
  
  
  
  
  
传数据和更新组件写法

引入组件

  import charts3DPie from '../components/charts3DPie'

组件绑定ref

 

对数据传输、更新数据

  let optionData = that.$refs.chartPie.optionData || []
                optionData.forEach(item => {
                    if (item.name == '可用空间') {
                        item.value = parseInt(that.serverData.diskUnused)
                        item.pieValue = that.serverData.diskUnused
                    } else {
                        //已用空间
                        item.value = parseInt(that.serverData.diskAlready)
                        item.pieValue = that.serverData.diskAlready
                    }
                })
                that.$refs.chartPie.optionData = optionData
效果

【无标题】_第1张图片

你可能感兴趣的:(前端,javascript,开发语言)