echarts 使用备注

1、屏幕自适应

 window.addEventListener('resize', () => {
    myChart.resize();
 });

2、给echarts设置背景图，并自适应

.piechartstwo {
  position: relative;
  .myChartpie {
    width: 400px;        
    height: 280px;
    margin: 0 auto;    //echarts 宽、高固定，并设置居中！！！！！，再配合1自适应浏览器
  }
  .myChartpie::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0;
    background: url('') no-repeat center center;
  }
}

3、暂无数据  删掉DOM，有数据再新建

 if (JSON.stringify(res.data) == '{}') {
       this.noData = true;
       this.$echarts.init(document.getElementById('myChart')).dispose();
 } else {
       this.noData = false;
       this.$nextTick(() => {
            this.drawLine(this.datalist);
       });
 }

4、修改tooltips     打印params看数据结构

   tooltip: {
       formatter(params) {
          if (params.seriesType == 'bar') {
             return `${params.name}<br /> ${params.seriesName}:${params.value}`;
          }
       }
  },

5、柱状图、折线图切换