echarts默认高亮，点击时候高亮，其它不高亮

最新推荐文章于 2024-06-25 13:39:55 发布

我是芋头呀

最新推荐文章于 2024-06-25 13:39:55 发布

阅读量2.1k

点赞数 1

分类专栏： vue echarts 文章标签： vue

本文链接：https://blog.csdn.net/weixin_43845550/article/details/112189275

版权

vue 同时被 2 个专栏收录

21 篇文章 0 订阅

订阅专栏

echarts

8 篇文章 1 订阅

订阅专栏

    // 默认高亮
    this.serviceRequestCharts.dispatchAction({
      type: "highlight",
      seriesIndex: 0,
      dataIndex: 0,
    });
    for (var i = 1; i <= 2; i++) {
      this.serviceRequestCharts.dispatchAction({
        type: "downplay",
        seriesIndex: 0,
        dataIndex: i,
      });
    }

    // 圆柱图上添加点击事件
    var _this = this;
    this.serviceRequestCharts.on("click", function (param) {
      // 0"项目任务" 1部门任务 2零星任务
      // this.$forceUpdate();
      if (param.dataIndex != _this.dataIndex) {
        //没用选中的取消高亮
        _this.serviceRequestCharts.dispatchAction({
          type: "downplay",
          seriesIndex: 0,
          dataIndex: _this.dataIndex,
        });
      }
      _this.dataIndex = param.dataIndex;
      console.log(_this.dataIndex);
      _this.serviceRequestCharts.dispatchAction({
        type: "highlight",
        seriesIndex: 0,
        dataIndex: _this.dataIndex,
      });
    });