echarts各省市地图实现

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}
                ]
            }]
        });
    }
}

你可能感兴趣的:(可视化,全国各省地图json,echarts地图json,地图json文件,各省地图,echarts各省地图)