首页 前端知识 echarts饼图label有默认显示

echarts饼图label有默认显示

2024-02-16 14:02:58 前端知识 前端哥 254 294 我要收藏

当饼图设置了label,又设置了emphasis。鼠标移入时显示emphasis的内容,移出时默认显示label的内容。

    const hideLabel = (e) => {
        myChart.setOption({
          series:{
            label:{
              show:false
            }
          }
          })
      }
    const showLabel = (e) => {
        myChart.setOption({
           series:{
            label:{
              show:true
            }
          }
        })
    }
    myChart.on('highlight', hideLabel)
    myChart.on('mouseover', hideLabel)
    myChart.on('mouseout', showLabel)
    myChart.on('downplay', showLabel)

效果图如下:label默认显示:

鼠标移入时:

转载请注明出处或者链接地址:https://www.qianduange.cn//article/2172.html
标签
大屏端
评论
发布的文章

vue-echarts实现多功能图表

2024-03-02 09:03:54

echarts参数详细介绍

2024-03-02 09:03:53

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