| | |
| | | }, |
| | | lineColors: { |
| | | type: Array, |
| | | default: () => ['#00BAFF', '#3DE7C9', '#CCEDF0', '#FFB71C', '#FF5A5A'] |
| | | default: () => ['#A4EEDA', '#86C1F4', '#91A0FC', '#F6C18B', '#F09595'] |
| | | }, |
| | | barColors: { |
| | | type: Array, |
| | | default: () => ['#ff8800', '#3DE7C9', '#CCEDF0', '#FFB71C', '#FF5A5A'] |
| | | default: () => ['#A4EEDA', '#86C1F4', '#91A0FC', '#F6C18B', '#F09595'] |
| | | }, |
| | | pieColors: { |
| | | type: Array, |
| | | default: () => ['#A4EEDA', '#86C1F4', '#91A0FC', '#F6C18B', '#F09595'] |
| | | }, |
| | | loadingOption: { |
| | | type: Object, |
| | |
| | | }) |
| | | }, |
| | | }, |
| | | pieColors: { |
| | | deep: true, |
| | | // immediate: true, |
| | | handler(val) { |
| | | this.$nextTick(() => { |
| | | this.renderChart() |
| | | }) |
| | | }, |
| | | }, |
| | | }, |
| | | mounted() { |
| | | this.chartInstance = echarts.init(this.$refs.chart) |
| | |
| | | }) |
| | | } |
| | | this.chartInstance.clear() |
| | | |
| | | // 渲染图表 |
| | | this.chartInstance.setOption(option) |
| | | }, |