echarts 初始化时用法:

32 阅读1分钟

1.echarts 初始化时用法

methods:{


            mounted() {
             this.$nextTick(() => {
              this.initChart();
             });
            },

            destroyed() {
             window.removeEventListener('resize', () => {});
            },


       //配置相
        getOption(){
          return {
            grid: {
             left: '8%',
             right: '8%',
             bottom: '15%',
            },
            tooltip: {
             trigger: 'axis',
            },
            ......
          }
        },
        initChart() {
             // 初始化echarts实例
             this.chart = this.$echarts.init(this.$refs.echartRef);
             // 获取配置
             let option = this.getOption();
             // 绘制图表
             this.chart.setOption({ ...option });
             setTimeout(() => {
              window.addEventListener('resize', () => {
               this.chart && this.chart.resize();
              });
              this.chart && this.chart.resize();
             }, 200);
        },
}