清空画布用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)
通过上述方式清空画布不会空白文章来源:https://www.toymoban.com/news/detail-634542.html
鼠标悬浮信息格式化取值文章来源地址https://www.toymoban.com/news/detail-634542.html
tooltip: { // 鼠标悬浮提示框显示 X和Y 轴数据
trigger: 'axis',
backgroundColor: '#fff',
borderColor: 'rgba(32, 33, 36,0.20)',
borderWidth: 1,
textStyle: { // 文字提示样式
到了这里,关于Echarts 清空画布空白以及鼠标悬浮提示信息格式化问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!