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}
                ]
            }]
        });
    }
}
  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值