echarts中国地图使省份选择性滑动或点击高亮「建议收藏」

2022-11-12 12:55| 来源: 网络整理| 查看: 265

本文介绍echarts显示中国省份图，对于需要高亮的省份进行筛选。并且对省份进行选择性交互。

首先我们需要一个颜色集合，代表我们要设置多少种颜色。这里用到了dataRange。

dataRange: { show:false, x: 'left', y: 'bottom', splitList: [ {start: 5, end: 5, color: 'orange'},//当值为5时，区域背景 {start: 10, end: 10, color: '#ff6300'},//当值为10时，区域背景 {start: 15, end: 15, color: '#ccc'},//当值为15时，区域背景 ], },

然后就需要数据就行了。

series : [ { name: '市场分布', type: 'map', mapType: 'china', //hoverable: false, roam: false, itemStyle:{ normal:{label:{show:true}}, emphasis:{label:{show:false}} }, data:[], } ],

这里的data为空，因为正常情况下数据不会写死，都是从后台获取的，在这里我直接赋值。

var ini_data=[];//初始化省份数组 var provArr = ['河北', '河南', '云南', '辽宁', '黑龙江', '湖南', '安徽','山东'];//获取的省份，有可能是从后台获取

由于框架不识别’省’，‘市’的字眼，所以使用正则将字眼去掉。

//正则省份，将省与市的字眼去掉，框架不识别 for(var i=0;i

【本文地址】

公司简介

联系我们