echart+vue开发总结

1.时间格式化问题:设置变量的时候,selectData:null不能为[]空数组,不然if()判断不了

import {format} from '@/helper/filters'
if (this.selectData) { param.startDate = format(this.selectData[0], 'YYYY-MM-DD') param.lastDate = format(this.selectData[1], 'YYYY-MM-DD') }

2.请求异步数据为空的时候,图表提示'暂无数据',echart3.0不支持noDataLoadingOption属性

          noDataLoadingOption: {
            text: '暂无数据',
            effect: 'bubble',
            effectOption: {
              effect: {
                n: 0
              }
            }
          },

 可以这样设置:设置label属性,不显示Y轴;但数据为0时,可以不显示这个0的Y轴

    //  this.optionSon.title.text = '期末金额统计'
            this.optionSon.series[0].itemStyle.normal.label.show = true
            if (this.getType.length === 0) {
              this.optionSon.series[0].itemStyle.normal.label.show = false
    //   this.optionSon.title.text = '暂无数据'
            }