0

我按照echarts2.2.7的文档示例做了一个多地图,但是只显示了中国地图,点击省份没有显示省份的地图,浏览器中也没报错,不知道是哪里的配置出了问题,哪位有用过echarts,帮忙看下,我的配置如下:

        require.config({
            paths: {
                echarts: 'echarts-2.2.7/build/source'
            }
        });
        require(
            [
                'echarts',
                'echarts/chart/map',
            ],
            function (ec) {
            var userRegionChart = ec.init(document.getElementById('user_region'));
            //大地图配置,这里就不写了,因为大地图正常显示出来了
            var userRegionOpt = {
                //省略
            };

            // 省级地图配置
            var ecConfig = require('echarts/config');
            userRegionChart.on(ecConfig.EVENT.MAP_SELECTED, function (param) {
                    var selected = param.selected;
                    var selectedProvince;
                    var name;
                    for (var i = 0, l = userRegionOpt.series[0].data.length; i < l; i++) {
                        name = userRegionOpt.series[0].data[i].name;
                        userRegionOpt.series[0].data[i].selected = selected[name];
                        if (selected[name]) {
                            selectedProvince = name;
                        }
                    }
                    if (typeof selectedProvince == 'undefined') {
                        userRegionOpt.series.splice(1);
                        userRegionOpt.legend = null;
                        userRegionOpt.dataRange = null;
                        userRegionChart.setOption(userRegionOpt, true);
                        return;
                    }
                    userRegionOpt.series[1] = {
                        name: '随机数据',
                        type: 'map',
                        mapType: selectedProvince,
                        itemStyle:{
                            normal:{label:{show:true}},
                            emphasis:{label:{show:true}}
                        },
                        mapLocation: {
                            x: '35%'
                        },
                        roam: false,
                        data:[
                            // 数据太多就省略了,格式如下:
                            // {name: '重庆市',value: Math.round(Math.random()*1000)},
                        ],
                    };
                    userRegionOpt.legend = {
                        x:'right',
                        data:['随机数据']
                    };
                    userRegionOpt.dataRange = {
                        orient: 'horizontal',
                        x: 'right',
                        min: 0,
                        max: 1000,
                        color:['orange','yellow'],
                        text:['高','低'],           // 文本,默认为数值文本
                        splitNumber:0
                    };
                });
                userRegionChart.setOption(userRegionOpt, true);
            }
        ); 

1 个回答

0

已采纳

echarts2.2.7貌似有些问题,改用echarts3.5.4解决了这个问题。