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

最新推荐文章于 2024-02-27 17:34:49 发布

子墨爸爸

最新推荐文章于 2024-02-27 17:34:49 发布

阅读量2.5w

点赞数

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

本文链接：https://blog.csdn.net/wupd2014/article/details/51441134

版权

项目示例专栏收录该内容

13 篇文章 0 订阅

订阅专栏

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