清空画布用clear()会导致图表空白
const option1 = this.myEchart1.getOption()
const option2 = this.myEchart2.getOption()
const option3 = this.myEchart3.getOption()
// 清空数据
option1.series = []
option1.xAxis[0].data = []
option2.series = []
option2.xAxis[0].data = []
option3.series = []
option3.xAxis[0].data = []
// 重新显示,第二个参数是将之前的数据丢掉
this.myEchart1.setOption(option1, true)
this.myEchart2.setOption(option2, true)
this.myEchart3.setOption(option3, true)
通过上述方式清空画布不会空白
鼠标悬浮信息格式化取值
tooltip: { // 鼠标悬浮提示框显示 X和Y 轴数据
trigger: 'axis',
backgroundColor: '#fff',
borderColor: 'rgba(32, 33, 36,0.20)',
borderWidth: 1,
textStyle: { // 文字提示样式