echart 默认选中legend及其选中事件

最新推荐文章于 2025-09-25 10:26:37 发布

原创最新推荐文章于 2025-09-25 10:26:37 发布 · 2.5w 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#echarts #legened

项目示例专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一种使用ECharts实现地理信息系统数据可视化的技术，包括数据获取、处理和展示过程，以及如何通过ECharts的交互特性增强用户体验。

        var selected = {}; //是一个对象
        $.ajax({
            type: 'post',
            dataType: 'json',
            url: 'SourceView.aspx/SLZYXX',
            contentType: "application/json; charset=utf-8",
            success: function(res) {
                var JsonData = eval("(" + res.d + ")");
                option.series[0].data = JsonData.lst1;
                option.series[1].data = JsonData.lst2;
                selected['森林覆盖率'] = true;    //设置默认选中legend
                selected['林木绿化率'] = false;
                option.legend.selected = selected;
                myMap.setOption(option);

            }
        });
        //legend点击选中事件
        var ecConfig = require('echarts/config');
        myMap.on(ecConfig.EVENT.LEGEND_SELECTED, function (param){
           //console.log(param);
           var leg=param.target;
           if(leg=='林木绿化率'){
                option.title.text='贵阳市各县区林木绿化率';
                myMap.hideLoading();
                myMap.setOption(option);
           }else{
                option.title.text='贵阳市各县区森林覆盖率';
                myMap.hideLoading();
                myMap.setOption(option);
           }
        });