diff --git a/src/components/incomeOverview/index.vue b/src/components/incomeOverview/index.vue index 8d8fb11..0e6cf21 100644 --- a/src/components/incomeOverview/index.vue +++ b/src/components/incomeOverview/index.vue @@ -42,9 +42,16 @@ orgIds: [10003,10005] }).then((response)=>{ let data = response.data.data - console.log(data.totalPay) - this.incomeTotal = 0 + this.incomeTotal = data.totalPay this.incomeTotal = common.formatNumToStr(this.incomeTotal) + this.barChartOption.barColor[0].value = data.aliPay + this.barChartOption.barColor[1].value = data.wxPay + this.barChartOption.barColor[2].value = data.otherPay + let barChartOption = this.barChartOption + this.barChart=this.createBar(barChartOption); + window.addEventListener('resize', function() { + this.barChart.resize() + }.bind(this)); }).catch((response)=>{ console.log(response); }) @@ -54,10 +61,7 @@ //总收入 this.incomeTotal=this.formatNumToStr(); //收入Bar - this.barChart=this.createBar(); - window.addEventListener('resize', function() { - this.barChart.resize() - }.bind(this)); + }, methods: { /* @@ -69,8 +73,9 @@ /* * 创建收入Bar * */ - createBar:function(){ - let root=this.$options.data().barChartOption; + createBar:function(barChartOption){ + let root=barChartOption; + console.log(root) let barChart = echarts.init(document.querySelector('.app-incomeBox .incomeBar')); const rightYdata=this._formatterValue(root.barColor); const seriesData=this._seriesData(root.barColor);