欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

echarts地图

程序员文章站 2022-06-14 15:00:54
...

针对显示某一块区域要有对应区域的js或json文件。可使用GEOJSON编辑工具:http://geojson.io

option:{
	series:{
		showLegendSymbol: false   ,// 消除地图默认红点
	}
}
//每一块区域的颜色
itemStyle: {
   normal: {
		label:{show:true},
        borderColor: 'rgba(147, 235, 248, 1)',
        borderWidth: 1,
        areaColor: {
            type: 'radial',
            x: 0.5,
            y: 0.5,
            r: 0.8,
            colorStops: [{
                offset: 0,
                color: 'rgba(175,238,238, 0)' // 0% 处的颜色
            }, {
                offset: 1,
                color: 'rgba(47,79,79, .1)' // 100% 处的颜色
            }],
            globalCoord: true // 缺省为 false
        },
        shadowColor: 'rgba(128, 217, 248, 1)',  //阴影的颜色
        shadowOffsetX: -2,
        shadowOffsetY: 2,
        shadowBlur: 10  
    },
    // 鼠标当前所在的区域块的相关设置
    emphasis: { 
        areaColor: 'blue',    //区域块的颜色
        borderWidth: 0
    }
}
相关标签: echarts地图