低代码app开发平台_临汾外贸网站建设价格_无锡外贸网站制作_东莞疫情最新消息 今天
}},methods: {init_pieCharts: function () { //初始化图表--饼图this.piechartsComponnet.init((canvas, width, height) => {// 初始化图表const pieChart = echarts.init(canvas, null, {width: width,height: height});pieChart.setOption(this.getPieOption());// 注意这里一定要返回 chart 实例，否则会影响事件处理等return pieChart;});},getPieOption: function () { //饼图console.log(this.data.pieObj)var pieObj = this.data.pieObj;/*开发文档参考：https://echarts.apache.org/zh/option.html#legend.zlevel*/var option = {title: {// text: '收益分布',subtext: pieObj.title || '',left: 15,},tooltip: {show: true,formatter: function (params) {// console.log(params)return params.name + ': ' + params.data.number + ' (' + (params.percent - 0).toFixed(0) + '%)'}},toolbox: {show: true,feature: {mark: {show: true},dataView: {show: true,readOnly: false},restore: {show: true},saveAsImage: {show: true}}},legend: {orient: 'vertical',right: 20,align: 'left',bottom: '25%',itemWidth: 10,itemHeight: 10,},color: pieObj.color || ['#FEDC75', '#797AFF', '#FE8683'],calculable: true,series: [{name: '收益分布',type: 'pie',center: ['35%', '50%'],radius: 80,itemStyle: {normal: {label: {show: true,position: 'inner',formatter: function (params) {// console.log(params)return params.data.number + '\n' + (params.percent - 0).toFixed(0) + '%'}},labelLine: {show: false}},},data: pieObj.data}]}// var option = this.data.pieObj;// console.log(option)return option;},}">