Echarts lgend.selected属性用法

最新推荐文章于 2025-02-26 16:12:33 发布

原创最新推荐文章于 2025-02-26 16:12:33 发布 · 2.3k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何在Echarts中通过JavaScript动态加载图例选择状态，实现前10个图例默认选中，其余默认不选中的效果。通过遍历数据源，设置selected_item对象的属性来控制图例的选中状态。

在Echarts里面写

//js动态加载
    var selected_item = {};
    for(var i =0; i < this.ychushi_five.length; i++){
      var key_name =  this.ychushi_five[i].name;
      console.log(key_name)
      if(i >9){
        console.log( selected_item[key_name])
        selected_item[key_name] = false;
      }else{
        selected_item[key_name] = true;
      }
    };
    console.log(selected_item)
    option.legend.selected = selected_item
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);

**加粗样式**