全国主要湖泊分布（area>100km²）— 百度地图ECharts Gallery

20:11:45图表已生成
代码
var data = [
     {name: '青海湖', value: 4476},
     {name: '洞庭湖', value: 2635},
     {name: '太湖', value: 2330},
     {name: '鄱阳湖', value: 2202},
     {name: '纳木错', value: 1930},
     {name: '洪泽湖', value: 1890},
     {name: '呼伦湖', value: 1691},
     {name: '色林错', value: 1561},
     {name: '微山湖', value: 1141},
     {name: '博斯腾湖', value: 1082},
     {name: '扎日南木措', value: 1037},
     {name: '高邮湖', value: 937},
     {name: '当惹雍错', value: 908},
     {name: '兴凯湖', value: 902},
     {name: '艾比湖', value: 877},
     {name: '龙感湖', value: 803},
     {name: '巢湖', value: 747},
     {name: '普莫雍错', value: 275},
     {name: '呼伦古湖', value: 712},
     {name: '丹江口水库', value: 672},
     {name: '阿牙克库木湖', value: 642},
     {name: '千岛湖', value: 606},
     {name: '鄂陵湖', value: 596},
     {name: '哈拉湖', value: 577},
     {name: '昂拉仁错', value: 567},
     {name: '赤布张错', value: 537},
     {name: '扎陵湖', value: 522},
     {name: '塔若错', value: 494},
     {name: '格仁错', value: 451},
     {name: '赛里木湖', value: 423},
      {name: '多尔索洞错', value: 418},
      {name: '乌兰乌拉湖', value: 416},
      {name: '玛旁雍错', value: 412},
      {name: '丰满水库', value:402},
     {name: '班公湖', value: 398},
      {name: '昂孜错', value: 383},
     {name: '洪湖', value: 366}, 
      {name: '罗布泊', value: 365},
     {name: '阿其克库勒湖', value: 365}, 
     {name: '吴如错', value: 359}, 
      {name: '梁子湖', value: 357},
      {name: '军山湖', value:339},
      {name: '万绿湖', value: 334},
      {name: '可可西里湖', value: 321},
      {name: '多格错仁', value: 321},
     {name: '鲁玛江冬错', value: 319},
     {name: '滇池', value: 313},
     {name: '达布逊湖', value: 311},
     {name: '查干湖', value: 287},
     {name: '扎布耶茶卡', value: 277},
     {name: '鲸鱼湖', value: 275},
     {name: '羊卓雍错', value: 736},
     {name: '西金乌兰湖', value: 274},
     {name: '郭扎错', value: 271},
     {name: '拉昂错', value: 271},
     {name: '洱海', value: 264},
     {name: '居延海', value: 259},
     {name: '错鄂', value: 258},
     {name: '柘溪水库', value: 258},
     {name: '达则错', value:257},
     {name: '卓乃湖', value: 248},
     {name: '库塞湖', value: 247},
     {name: '许如错', value: 239},
     {name: '佩枯错', value: 236},
     {name: '勒斜武担湖', value: 231},
     {name: '多格错仁强错', value: 231},
     {name: '水丰水库', value: 230},
     {name: '乌拉盖戈壁', value: 229},
     {name: '抚仙湖', value: 225},
     {name: '骆马湖', value: 220},
     {name: '达里湖', value: 208},
     {name: '多尔改错', value:207},
     {name: '仁青休木错', value: 204},
     {name: '石臼湖', value: 204},
     {name: '兹格塘错', value:203},
     {name: '大通湖', value: 198},
     {name: '滆湖', value: 193},
     {name: '西凉湖', value: 158},
     {name: '密云水库', value: 189},
     {name: '错那', value: 189},
     {name: '托素湖', value: 181},
     {name: '其香错', value: 181},
     {name: '阿克萨依湖', value: 179},
     {name: '巴木错', value: 177},
     {name: '通济桥水库', value: 172},
     {name: '崩错', value: 170},
     {name: '瓦埠湖', value: 169},
     {name: '西海', value: 168},
     {name: '东平湖', value: 165},
     {name: '淀山湖', value: 163},
     {name: '保安湖', value: 162},
     {name: '桓仁水库', value:160},
     {name: '长湖', value: 159},
     {name: '涉湖', value: 161},
     {name: '东江湖', value: 158},
     {name: '美马错', value: 149},
     {name: '太平湖', value: 149},
     {name: '岱海', value: 146},
     {name: '吉力湖', value: 144},
     {name: '南漪湖', value: 144},
     {name: '帕龙错', value: 137},
     {name: '镜泊湖', value: 132},
     {name: '蓬错', value: 132},
     {name: '阳澄西湖', value: 132},
     {name: '西台吉乃尔湖', value: 129},
     {name: '西滩', value: 128},
     {name: '打加错', value: 128},
     {name: '刘家峡水库', value: 127},
     {name: '菜子湖', value: 127},
     {name: '武昌湖', value: 126},
     {name: '玉液湖', value: 124},
     {name: '邦达错', value: 123},
     {name: '懂错', value: 123},
     {name: '尕斯库勒湖', value: 122},
     {name: '拜惹布错', value: 122},
     {name: '饮马湖', value: 122},
     {name: '明镜湖', value: 121},
     {name: '仓木错', value: 121},
     {name: '白马湖', value: 121},
     {name: '巴里坤湖', value:118},
     {name: '苏千湖', value: 117},
     {name: '碱水湖', value: 113},
     {name: '果忙错', value: 113},
     {name: '茶卡盐湖', value: 112},
     {name: '升金湖', value: 112},
     {name: '城东湖', value: 111},
     {name: '达瓦错', value: 110},
     {name: '阿鲁错', value: 108},
     {name: '班戈错', value: 108},
     {name: '上游水库', value:107},
     {name: '北霍布逊湖', value: 107},
     {name: '黄旗海', value: 106},
     {name: '窝尔巴错', value: 106},
     {name: '令戈错', value: 106},
     {name: '月亮湖水库', value: 104},
     {name: '官厅水库', value: 104},
     {name: '宿鸭湖水库', value: 101}
];
var geoCoordMap = {
     '青海湖':[100.12,36.88],
    '洞庭湖':[112.92,29.29],
    '太湖':[120.1,31.21],
    '鄱阳湖':[116.24,29.20],
    '纳木错':[90.57,30.73],
    '洪泽湖':[118.72,33.36],
    '呼伦湖':[117.32,48.87],
    '色林错':[88.99,31.82],   
    '微山湖':[116.96,34.92],
    '博斯腾湖':[86.98,41.98],
    '扎日南木措':[85.68,30.92],
    '高邮湖':[119.28,32.80],
    '当惹雍错':[86.69,31.2],
    '兴凯湖':[132.45,45.30],
    '艾比湖':[82.98,44.90],
    '龙感湖':[116.16,29.95],
    '巢湖':[117.56,31.54],
    '普莫雍错':[90.44,28.58],
    '呼伦古湖':[87.18,47.26],
    '丹江口水库':[111.58,32.72],
    '阿牙克库木湖':[89.5,37.53],
    '千岛湖':[118.84,29.53],
    '鄂陵湖':[97.72,34.94],
    '哈拉湖':[97.56,38.32],
    '昂拉仁错':[83.08,31.56],
    '赤布张错':[90.36,33.47],
    '扎陵湖':[97.26,34.92],
    '塔若错':[84.125,31.15],
    '格仁错':[88.32,31.16],
    '赛里木湖':[81.15,44.60],
    '多尔索洞错':[89.88,33.42],
     '乌兰乌拉湖':[90.37,34.89],
     '玛旁雍错':[81.46,30.68],
    '丰满水库':[126.92,43.58],
    '班公湖':[79.82,33.52],
     '昂孜错':[87.10,31.02],
    '洪湖':[113.35,29.82],
    '罗布泊':[90.32,40.48],
    '阿其克库勒湖':[88.42,37.08],
    '吴如错':[88.02,31.72],
    '梁子湖':[114.52,30.24],
    '军山湖':[116.34,28.56],
    '万绿湖':[114.56,23.82],
    '可可西里湖':[91.10,35.60],
    '多格错仁':[89.02,34.55],
     '鲁玛江冬错':[81.66,34.04],
    '滇池':[102.68,24.79],
     '达布逊湖':[95.18,37.0],
     '查干湖':[124.26,45.28],
     '扎布耶茶卡':[84.05,31.36],
     '鲸鱼湖':[89.42,36.36],
     '羊卓雍错':[90.72,28.98],
     '西金乌兰湖':[90.32,35.22],
     '郭扎错':[81.12,35.04],
      '拉昂错':[81.24,30.68],
     '洱海':[100.20,25.78],
     '居延海':[100.66,42.42],
     '错鄂':[88.74,31.62],
      '柘溪水库':[111.02,28.12],
     '达则错':[87.54,31.88],
     '卓乃湖':[91.92,35.56],
     '库塞湖':[92.88,35.75],
     '许如错':[86.42,30.30],
     '佩枯错':[85.62,28.84],
     '勒斜武担湖':[90.23,35.75],
     '多格错仁强错':[89.24,35.33],
     '水丰水库':[125.17,40.606],
     '乌拉盖戈壁':[117.48,45.48],
     '抚仙湖':[102.9,24.51],
     '骆马湖':[118.2,34.08],
     '达里湖':[116.616,43.3],
     '多尔改错':[92.2,35.22],
     '仁青休木错':[83.48,31.27],
      '石臼湖':[118.88,31.48],
     '兹格塘错':[90.83,32.08],
     '大通湖':[112.52,29.212],
     '滆湖':[119.86,31.62],
     '西凉湖':[114.08,29.986],
     '密云水库':[116.98,40.52],
     '错那':[91.48,32.02],
     '托素湖':[96.96,37.15],
      '其香错':[90.01,32.45],
     '阿克萨依湖':[79.86,35.22],
     '巴木错':[90.6,31.28],
     '通济桥水库':[119.833,29.448],
     '崩错':[91.18,31.22],
     '瓦埠湖':[116.92,32.39],
     '西海':[115.32,29.28],
     '东平湖':[116.20,35.98],
     '淀山湖':[120.99,31.12],
     '保安湖':[114.72,30.26],
     '桓仁水库':[125.46,41.32],
     '长湖':[112.48,30.45],
     '涉湖':[114.20,29.99],
     '东江湖':[113.4,25.84],
     '美马错':[82.420,34.144],
     '太平湖':[118.1,30.42],
     '岱海':[112.68,40.58],
     '吉力湖':[87.48,46.92],
     '南漪湖':[118.92,31.12],
     '帕龙错':[83.58,30.88],
     '镜泊湖':[128.92,43.88],
      '蓬错':[90.98,31.52],
      '阳澄西湖':[120.82,31.42],
      '西台吉乃尔湖':[93.36,37.72],
     '西滩':[112.24,34.96],
      '打加错':[85.736,29.82],
     '刘家峡水库':[103.24,35.85],
     '菜子湖':[117.1,30.88],
     '武昌湖':[116.68,30.28],
     '玉液湖':[88.78,36.02],
     '邦达错':[81.56,34.95],
     '懂错':[91.18,31.72],
     '尕斯库勒湖':[90.74,38.12],
     '拜惹布错':[83.12,35.02],
     '饮马湖':[90.62,35.60],
     '明镜湖':[90.56,35.066],
     '仓木错':[83.56,32.12],
     '白马湖':[119.148,33.25],
     '巴里坤湖':[92.81,43.68],
     '苏千湖':[93.88,38.88],
     '碱水湖':[83.12,35.308],
     '果忙错':[89.208,31.24],
     '茶卡盐湖':[99.12,36.70],
     '升金湖':[117.10,30.40],
     '城东湖':[116.392,32.32],
     '达瓦错':[84.945,31.24],
     '阿鲁错':[82.42,33.96],
     '班戈错':[89.52,31.73],
     '上游水库':[80.722,40.42],
     '北霍布逊湖':[95.88,36.88],
     '黄旗海':[113.312,40.85],
     '窝尔巴错':[81.056,34.56],
     '令戈错':[88.612,33.86],
     '月亮湖水库':[123.92,45.72],
     '官厅水库':[115.66,40.33],
     '宿鸭湖水库':[114.26,33.04],
};

var convertData = function (data) {
    var res = [];
    for (var i = 0; i < data.length; i++) {
        var geoCoord = geoCoordMap[data[i].name];
        if (geoCoord) {
            res.push({
                name: data[i].name,
                value: geoCoord.concat(data[i].value)
            });
        }
    }
    return res;
};

option = {
    backgroundColor: 'transparent',
    title: {
        text: '全国主要湖泊分布（area>100km²）—  百度地图',
        subtext: 'data from lake area.in',
        sublink: 'http://www.lake area.in',
        left: 'center',
        textStyle: {
            color: '#04387b'
        }
    },
    tooltip : {
        trigger: 'item'
    },
  
 legend: {
        orient: 'vertical',
        y: 'bottom',
        x:'right',
        data:['lake area'],
        textStyle: {
            color: '#04387b'
        }
    },
    geo: {
        map: 'china',
        label: {
            emphasis: {
                areaColor: '#4499d0',
            }
        },
        roam: true,
        itemStyle: {
            normal: {
                areaColor: 'rgba(19,198,249,0)',
                borderColor: '#333'
            },
            emphasis: {
                areaColor: '#4499d0'
            }
        }
    },
    
    series : [
        {
            name: 'lake area（km²）',
            type: 'scatter',
            coordinateSystem: 'geo',
            data: convertData(data),
            symbolSize: function (val) {
                return val[2] / 80;
            },
            encode: {
                value: 2
            },
            label: {
                normal: {
                    formatter: '{b}',
                    position: 'right',
                    show: false
                },
                emphasis: {
                    show: true
                }
            },
            itemStyle: {
                normal: {
                    color: '#04387b',
                    shadowColor: '#33'
                }
            }
        },
        {
            name: 'lake area（km²） Top 10',
            type: 'effectScatter',
            coordinateSystem: 'geo',
            data: convertData(data.sort(function (a, b) {
                return b.value - a.value;
            }).slice(0, 10)),
            symbolSize: function (val) {
                return val[2] / 80;
            },
             encode: {
                value: 2
            },
            showEffectOn: 'render',
            rippleEffect: {
                brushType: 'stroke'
            },
            hoverAnimation: true,
            label: {
                normal: {
                    formatter: '{b}',
                    position: 'right',
                    show: true
                }
            },
            itemStyle: {
                normal: {
                    color: '#467bc0',
                    shadowBlur: 10,
                    shadowColor: '#333333'
                }
            },
            zlevel: 1
        }
    ]
};
作品使用的第三方脚本

数据管理

历史数据 0 条

代码修改记录

信息提示

保存作品
