0
点赞
收藏
分享

微信扫一扫

echarts取消鼠标划入事件&事件的回调

猎书客er 2022-03-12 阅读 60

在使用Echarts过程中,在Echarts中事件发生时,如何回调处理?

在文档中的配置项手册中的Action可以找到相应的事件触发

[]在这里插入图片描述
链接地址

以Vue3+Echarts5.x为例

在点击右侧Legend时,回调可以拿到相应的数据,从而可以与Echarts以外的DOM事件进行联动抛发。
在这里插入图片描述

onMounted(() => {
  if (pieChart.value) {
    nextTick(() => {
      fiveLevelPieSeries = echarts.init(pieChart.value);
      fiveLevelLineSeries = echarts.init(lineChart.value);
      fiveLevelLineSeries.setOption(lineOption.value);
      fiveLevelPieSeries.on('legendselectchanged', (params: any) => {
        console.log(params);
      });
    });
  }
});

取消饼状图鼠标事件(eg:鼠标划入,饼状图高亮)

silent:true
    {
      name: 'Access From',
      silent: true,
      type: 'pie',
      width: 300,
      height: 300,
      right: '25%',
      radius: ['40%', '70%'],
      avoidLabelOverlap: false,
      label: {
        show: false,
        position: 'center',
      },
举报

相关推荐

0 条评论