| | |
| | | default: () => {} |
| | | }, |
| | | datas: { |
| | | type: Array, |
| | | type: Object, |
| | | default: () => {} |
| | | } |
| | | }, |
| | |
| | | deep: true, |
| | | // immediate: true, |
| | | handler(val) { |
| | | this.init(); |
| | | this.$nextTick(() => { |
| | | this.init(); |
| | | }) |
| | | }, |
| | | }, |
| | | }, |
| | |
| | | case 'line': |
| | | iuCharts.drawLine(this.chart,this.datas) |
| | | break; |
| | | case 'pie': |
| | | iuCharts.drawPie(this.chart,this.datas) |
| | | break; |
| | | default: |
| | | break; |
| | | } |
| | | setTimeout(()=>{ |
| | | this.chart.resize() |
| | |
| | | this.chart.resize(); |
| | | }); |
| | | }, |
| | | |
| | | /* 当窗口缩放时,echart动态调整自身大小 */ |
| | | windowResizeListener() { |
| | | if (!this.chart) return; |
| | |
| | | <style scoped> |
| | | .echart_size{ |
| | | width: 100%; |
| | | height: 500px; |
| | | height: 100%; |
| | | } |
| | | </style> |