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 = '暂无数据'
}

浙公网安备 33010602011771号