Echarts地图版块移动位置的解决方案

在这里插入图片描述
在Echarts开发过程总,部分区块不能显示在一起。如美国的阿里阿斯加,需要在调用JSON注册地图时,调整对应的位置即可。

    echarts.registerMap('USA', usaJson, {
        Alaska: {              // 把阿拉斯加移到美国主大陆左下方
            left: -131,
            top: 25,
            width: 15
        },
        Hawaii: {
            left: -110,        // 夏威夷
            top: 28,
            width: 5
        },
        'Puerto Rico': {       // 波多黎各
            left: -76,
            top: 26,
            width: 2
        }
    });

Done!

猜你喜欢

转载自blog.csdn.net/weixin_41290949/article/details/106303405