echarts各省市地图实现
echarts由于以下原因停止了地图下载服务
在这里提供下原来的各省市地图的json,js文件:
各省json及js下载地址
下面是具体实现方式(地图配置的代码片段):
//取得json的样式,读取json文件
$.getJSON("/xxx/shanxi1.json", "", function(data) {
//生成地图
createMap(data);
})
//生成地图
function createMap(data){
echarts.registerMap('demo',data);
var chart = echarts.init(document.getElementById('main2'));
chart.setOption({
dataRange: {
min: 0,//颜色区间的最小值
max: 30,//颜色区间的最大值,和data中的最大值一致
x: 'left',
y: 'bottom',
text:['高','低'], // 文本,默认为数值文本
calculable : true,
inRange: {
//颜色区间
color: ['lightskyblue','yellow', 'orangered']
}
},
tooltip : {
trigger: 'item'
},
series: [{
type: 'map',
map: 'demo',
itemStyle:{
normal:{label:{show:true}},
emphasis:{label:{show:true}}
},
data:[
{name: '地区1', value: 10},
{name: '地区2', value: 20},
{name: '地区3', value: 30}
]
}]
});
}
}