echart点击legend逻辑处理

最新推荐文章于 2024-05-21 23:21:19 发布

UpSeven0

最新推荐文章于 2024-05-21 23:21:19 发布

阅读量115

点赞数

文章标签：前端 javascript echarts

本文链接：https://blog.csdn.net/qq_34811855/article/details/132319753

版权

this.myChart.on("legendselectchanged", function (params) {
        if (params.name == "项目累计工时") {
          let data = self.chartData.work_hours_results;
          let dataX = []; let dataY1 = []; let dataY2 = [];
          data.forEach((v) => {
            dataX.push(v.project_short_name);
            dataY1.push(v.accumulated_work_hours);
            dataY2.push(v.cost_percentage);
          });
          self.myChart.clear();
          self.drawChart(dataX, dataY1, dataY2);
          // self.myChart.setOption(option, true);
        } else if (params.name == "项目成本占比") {
          let data = self.chartData.cost_results;
          let dataX = []; let dataY1 = []; let dataY2 = [];
          data.forEach((v) => {
            dataX.push(v.project_short_name);
            dataY1.push(v.accumulated_work_hours);
            dataY2.push(v.cost_percentage);
          });
          self.myChart.clear();
          self.drawChart(dataX, dataY1, dataY2);
          // self.myChart.setOption(option, true);
        }
      });