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

最新推荐文章于 2025-06-10 12:16:04 发布

子墨爸爸

最新推荐文章于 2025-06-10 12:16:04 发布

阅读量2.5w

点赞数

CC 4.0 BY-SA版权

分类专栏：项目示例文章标签： echarts legened

本文链接：https://blog.youkuaiyun.com/wupd2014/article/details/51441134

项目示例专栏收录该内容

13 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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