?

加載方法

initChart1(title, id, tag) {var myChart = echarts5.init(this.$refs[id]);const _this = this;var option = {title:{text: title||"",show: title?true:false,top: 24,left: 24},grid:{left: 54,top: 74,bottom: 44,right: 30,},xAxis: {type: 'category',data: ['用電量 (kWh)', '節電量 (kWh)']},color: ['#3465FA'],yAxis: {type: 'value'},series: [{type: 'pictorialBar',barWidth: 26,label: {show: true,position: 'top',fontSize: 14,fontWeight: 600,color: '#444444'},data: [{value: 50,name: "節電量",symbol: 'path://M525.873548 897.156129l-383.174193-761.723871 763.045161-1.981935-379.870968 763.705806z'},{value: 99,symbol: 'path://M525.873548 897.156129l-383.174193-761.723871 763.045161-1.981935-379.870968 763.705806z',itemStyle: {color: '#2FC587'}},],}]};myChart.setOption(option);if(tag){this.myChart = myChart;}}

寬度自適應

watch:{"$store.state.config.width"(){this.chartAutoWidth = this.$store.state.config.width-20*2-366-492-17-20-248;this.myChart.resize({width: this.chartAutoWidth});}
},