Echarts饼图(环图)开启默认高亮

Echarts的饼图或环图,默认绘制完成是没有高亮的,只有鼠标悬浮会触发高亮,鼠标离开高亮就消失

现在需要默认高亮。参考简书作者行舟2009的文章

实现(鼠标悬浮后,让label驻留)功能

只需在myChart.setOption(options);之后添加以下代码即可:

      // 默认高亮
      let index = 0; // 高亮索引
      myChart.dispatchAction({
        type: "highlight",
        seriesIndex: index,
        dataIndex: index
      });
      myChart.on("mouseover", function(e) {
        if (e.dataIndex != index) {
          myChart.dispatchAction({
            type: "downplay",
            seriesIndex: 0,
            dataIndex: index
          });
        }
      });
      myChart.on("mouseout", function(e) {
        index = e.dataIndex;
        myChart.dispatchAction({
          type: "highlight",
          seriesIndex: 0,
          dataIndex: e.dataIndex
        });
      });

默认效果如下:

全部评论

相关推荐

程序员花海:实习和校招简历正确格式应该是教育背景+实习+项目经历+个人评价 其中项目经历注意要体现业务 实习经历里面的业务更是要自圆其说 简历模板尽可能保持干净整洁 不要太花哨的
点赞 评论 收藏
分享
10-30 16:31
重庆大学 Java
代码飞升_不回私信人...:你说你善于学习,大家都会说。你说你是985,985会替你表达一切
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务