echart点击legend逻辑处理

最新推荐文章于 2024-01-15 10:56:55 发布

原创最新推荐文章于 2024-01-15 10:56:55 发布 · 251 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #echarts

该博客围绕前端开发展开，重点提及JavaScript和ECharts。JavaScript是前端开发常用的脚本语言，ECharts是强大的可视化图表库，二者结合可助力前端实现丰富的交互和数据可视化效果。

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);
        }
      });