| | |
| | | </template> |
| | | <script> |
| | | import * as echarts from 'echarts'; |
| | | import * as dash from "@/api/dashboard/dash"; |
| | | |
| | | export default { |
| | | name: 'LBSLTJ', |
| | | name: 'LBJETJ', |
| | | props: { |
| | | activeId: { |
| | | type: String, |
| | | default: '', |
| | | num: { |
| | | type: Object, |
| | | default: { |
| | | aTotalNum: 0, |
| | | aTotalPrice: 0, |
| | | bTotalNum: 0, |
| | | bTotalPrice: 0, |
| | | cTotalNum: 0, |
| | | cTotalPrice: 0, |
| | | tenantId: 0, |
| | | totalNum: 0, |
| | | totalPrice: 0, |
| | | xiaFaNum: 0, |
| | | zhanYouPercent: 0, |
| | | }, |
| | | }, |
| | | }, |
| | | watch:{ |
| | | num(){ |
| | | this.options.series[0].data = [ |
| | | {value: parseFloat(this.num.aTotalPrice), name: 'A类'}, |
| | | {value: parseFloat(this.num.bTotalPrice), name: 'B类'}, |
| | | {value: parseFloat(this.num.cTotalPrice), name: 'C类'}, |
| | | ] |
| | | this.myChart.setOption(this.options); |
| | | } |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | }, |
| | | methods: { |
| | | getCenterLine() { |
| | | // getCenterLine({ |
| | | // id: this.activeId, |
| | | // weekFlag: this.weekFlag, |
| | | // monthFlag: this.monthFlag, |
| | | // startDay: this.value2 ? this.value2[0] : null, |
| | | // endDay: this.value2 ? this.value2[1] : null |
| | | // }).then(res => { |
| | | // const data = res.data |
| | | var chartDom = document.getElementById('LBJETJ'); |
| | | this.myChart = echarts.init(chartDom); |
| | | // 监听屏幕宽度变化:当浏览器发生resize事件的时候,触发echart的resize事件,重绘canvas |
| | |
| | | series: [ |
| | | { |
| | | |
| | | name: 'Access From', |
| | | name: '类别金额统计', |
| | | type: 'pie', |
| | | minAngle: 2, // 最小的扇区角度(0~360),用于防止某个值过小导致扇区太小影响交互 |
| | | avoidLabelOverlap: true, // 是否启用防止标签重叠策略 |
| | |
| | | } |
| | | }, |
| | | data: [ |
| | | { value: 100, name: '等级一' }, |
| | | { value: 100, name: '等级二' }, |
| | | { value: 100, name: '等级三' }, |
| | | |
| | | ] |
| | | {value: parseFloat(this.num.aTotalPrice), name: 'A类'}, |
| | | {value: parseFloat(this.num.bTotalPrice), name: 'B类'}, |
| | | {value: parseFloat(this.num.cTotalPrice), name: 'C类'},] |
| | | }] |
| | | }; |
| | | this.options && this.myChart.setOption(this.options); |