echart地图隐藏南海诸岛

实现这个功能,只需在map的data字段做以下设置即可:

[javascript]  view plain  copy
  1. option = {  
  2.    tooltip: {  
  3.     trigger: 'item'  
  4.    },  
  5.    series: [  
  6.     {  
  7.       itemStyle: {  
  8.        normal: {  
  9.           color: function (params) {  
  10.            var colorList = [  
  11.             '#C1232B''#B5C334''#FCCE10''#E87C25''#27727B',  
  12.             '#FE8463''#9BCA63''#FAD860''#F3A43B''#60C0DD',  
  13.             '#D7504B''#C6E579''#F4E001''#F0805A''#26C0C0'  
  14.            ];  
  15.            return colorList[params.dataIndex]  
  16.           },  
  17.             
  18.          }  
  19.         },  
  20.      name: 'iphone3',  
  21.      type: 'map',  
  22.      left:"20px",  
  23.      top:"10px",  
  24.      mapType: 'china',  
  25.      roam: false,  
  26.      label: {  
  27.       normal: {  
  28.        show: false  
  29.       },  
  30.       emphasis: {  
  31.        show: true  
  32.       }  
  33.      },  
  34.      data:[  
  35.      <strong><span style="color:#ff0000;"> {  
  36.         name:"南海诸岛",value:0,  
  37.         itemStyle:{  
  38.             normal:{opacity:0,label:{show:false}}  
  39.         }  
  40.       }</span></strong>,  
  41.       {name: '北京',value: randomData() },  
  42.       {name: '天津',value: randomData() },  
  43.       {name: '上海',value: randomData() },  
  44.       {name: '重庆',value: randomData() },  
  45.       {name: '河北',value: randomData() },  
  46.       {name: '河南',value: randomData() },  
  47.       {name: '云南',value: randomData() },  
  48.       {name: '辽宁',value: randomData() },  
  49.       {name: '黑龙江',value: randomData() },  
  50.       {name: '湖南',value: randomData() },  
  51.       {name: '安徽',value: randomData() },  
  52.       {name: '山东',value: randomData() },  
  53.       {name: '新疆',value: randomData() },  
  54.       {name: '江苏',value: randomData() },  
  55.       {name: '浙江',value: randomData() },  
  56.       {name: '江西',value: randomData() },  
  57.       {name: '湖北',value: randomData() },  
  58.       {name: '广西',value: randomData() },  
  59.       {name: '甘肃',value: randomData() },  
  60.       {name: '山西',value: randomData() },  
  61.       {name: '内蒙古',value: randomData() },  
  62.       {name: '陕西',value: randomData() },  
  63.       {name: '吉林',value: randomData() },  
  64.       {name: '福建',value: randomData() },  
  65.       {name: '贵州',value: randomData() },  
  66.       {name: '广东',value: randomData() },  
  67.       {name: '青海',value: randomData() },  
  68.       {name: '西藏',value: randomData() },  
  69.       {name: '四川',value: randomData() },  
  70.       {name: '宁夏',value: randomData() },  
  71.       {name: '海南',value: randomData() },  
  72.       {name: '台湾',value: randomData() },  
  73.       {name: '香港',value: randomData() },  
  74.       {name: '澳门',value: randomData() }  
  75.      ]  
  76.       
  77.     }  
  78.    ]  
  79.   };   
  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值