sdsdsdsdsECharts Gallery

20:11:45图表已生成
代码
    var datas = [
      // { "id": "710000", "index": 0, "name": "台湾", "value": [121.509062, 25.044332] },
      { "id": "130000", "index": 11, "name": "河北", "value": [114.502461, 38.045474] },
      { "id": "140000", "index": 12, "name": "山西", "value": [112.549248, 37.857014] },
      { "id": "150000", "index": 13, "name": "内蒙古", "value": [111.670801, 40.818311] },
      { "id": "210000", "index": 14, "name": "辽宁", "value": [123.429096, 41.796767] },
      { "id": "220000", "index": 15, "name": "吉林", "value": [125.3245, 43.886841] },
      { "id": "230000", "index": 16, "name": "黑龙江", "value": [126.642464, 45.756967] },
      { "id": "320000", "index": 17, "name": "江苏", "value": [118.767413, 32.041544] },
      { "id": "330000", "index": 18, "name": "浙江", "value": [120.153576, 30.287459] },
      { "id": "340000", "index": 19, "name": "安徽", "value": [117.283042, 31.86119] },
      { "id": "350000", "index": 10, "name": "福建", "value": [119.306239, 26.075302] },
      { "id": "360000", "index": 11, "name": "江西", "value": [115.892151, 28.676493] },
      { "id": "370000", "index": 12, "name": "山东", "value": [117.000923, 36.675807] },
      { "id": "410000", "index": 13, "name": "河南", "value": [113.665412, 34.757975] },
      { "id": "420000", "index": 14, "name": "湖北", "value": [114.298572, 30.584355] },
      { "id": "430000", "index": 15, "name": "湖南", "value": [112.982279, 28.19409] },
      { "id": "440000", "index": 16, "name": "广东", "value": [113.280637, 23.125178] },
      { "id": "450000", "index": 17, "name": "广西", "value": [108.320004, 22.82402] },
      { "id": "460000", "index": 18, "name": "海南", "value": [110.33119, 20.031971] },
      { "id": "510000", "index": 19, "name": "四川", "value": [104.065735, 30.659462] },
      { "id": "520000", "index": 20, "name": "贵州", "value": [106.713478, 26.578343] },
      { "id": "530000", "index": 21, "name": "云南", "value": [102.712251, 25.040609] },
      { "id": "540000", "index": 22, "name": "西藏", "value": [91.132212, 29.660361] },
      { "id": "610000", "index": 23, "name": "陕西", "value": [108.948024, 34.263161] },
      { "id": "620000", "index": 24, "name": "甘肃", "value": [103.823557, 36.058039] },
      { "id": "630000", "index": 25, "name": "青海", "value": [101.778916, 36.623178] },
      { "id": "640000", "index": 26, "name": "宁夏", "value": [106.278179, 38.46637] },
      { "id": "650000", "index": 27, "name": "新疆", "value": [87.617733, 43.792818] },
      { "id": "110000", "index": 28, "name": "北京", "value": [116.405285, 39.904989] },
      { "id": "120000", "index": 29, "name": "天津", "value": [117.190182, 39.125596] },
      { "id": "310000", "index": 30, "name": "上海", "value": [121.472644, 31.231706] },
      { "id": "500000", "index": 31, "name": "重庆", "value": [106.504962, 29.533155] },
      // { "id": "810000", "index": 32, "name": "香港", "value": [114.173355, 22.320048] },
      // { "id": "820000", "index": 33, "name": "澳门", "value": [113.54909, 22.198951] }
    ]

    option = {
      backgroundColor: 'transparent',
      tooltip: {
        trigger: 'item',
        formatter: function (params) {
            var aaa = '<div>热力值:</div class="tooltips_box">'+params.name + ' : ' + params.data.index;
          return aaa;
        //   params.name + ' : ' + params.data.index;
        }
      },
      geo: {
            map: 'china',
            roam:true,
            center: [103.73,36.03],
            zoom: 1,  // 默认缩放比例
            silent:true,
            scaleLimit:{  // 缩放 比例
              min: 1,
              max: 12,
            },
            label: {
                emphasis: { //是否显示 省会名字
                    show: false
                }
            },
            itemStyle: {// 定义样式
              normal: {					// 普通状态下的样式
                  areaColor: '#5F65E5',
                  borderColor: 'transparent',
                  borderWidth: 0,
              },
              emphasis: {					// 高亮状态下的样式
                  areaColor: '#5F65E5',
              }
          }
      },
      series: [
        {
          name: '热力值',
          type: 'scatter',
          coordinateSystem: 'geo',
          data: datas, // series数据内容
          symbolSize: function (val, all) {
              return all.data.index;
          },
          label: {
              normal: {
                  show: false
              },
              emphasis: {  // 默认显示城市名
                  show: false
              }
          },
          itemStyle: { // 圆圈样式
            normal: {  // 默认样式
                  color: '#FFAAF2',
                  shadowBlur: 0,
                  shadowColor: '#333',
                  borderWidth:2,
                  borderColor: '#F74D8A',
            },
            emphasis: {   // 选中样式
              borderWidth:2,
              borderColor: '#F74D8A',
            }
          }
        },
        {
            name: 'Top 3 热力值',
            type: 'effectScatter',
            coordinateSystem: 'geo',
            data: datas.sort(function (a, b) {
                return b.index - a.index;
            }).slice(0, 3),
            symbolSize: function (val, all) {
                return all.data.index;
            },
            // showEffectOn: 'emphasis',
            rippleEffect: {
                brushType: 'stroke'
            },
            hoverAnimation: true,
            label: {
                normal: {
                    show: false
                }
            },
            itemStyle: { // 圆圈样式
              normal: {  // 默认样式
                    color: '#FFEAAA',
                    // shadowBlur: 5,
                    // shadowColor: '#FFEE86',
                    borderWidth:2,
                    borderColor: '#F7B04D',
              },
              emphasis: {   // 选中样式
                borderWidth:2,
                borderColor: '#F7B04D',
              }
            }
        },
      ]
    }
    
    
作品使用的第三方脚本

数据管理

历史数据 0 条

代码修改记录

信息提示

保存作品
