首页 前端知识 Echarts 清空画布空白以及鼠标悬浮提示信息格式化问题

Echarts 清空画布空白以及鼠标悬浮提示信息格式化问题

2024-04-29 11:04:02 前端知识 前端哥 248 146 我要收藏

清空画布用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: { // 文字提示样式
转载请注明出处或者链接地址:https://www.qianduange.cn//article/5920.html
标签
评论
发布的文章

AJAX和JSON

2024-05-03 19:05:37

qml 文件中 JSON的使用

2024-05-03 19:05:03

json在线格式化代码

2024-05-03 19:05:01

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!