grafana 中国地图 echarts

最近在做公司的日志上报工作，需要用grafana 展示中国地图，在地图上展示每个省份的请求量和平均响应时间，百度搜索了好多插件没找到合适的，最终找到了一个支持grafana4.x的，还存在不少bug。不想用低版本的grafana也不想带着bug使用，自己动手改造了这个插件。感谢https://github.com/wuyi5630/grafana-echarts-panel大哥的贡献。此插件在大

rihshu

2344人浏览 · 2021-05-19 17:09:25

rihshu · 2021-05-19 17:09:25 发布

最近在做公司的日志上报工作，需要用grafana 展示中国地图，在地图上展示每个省份的请求量和平均响应时间，百度搜索了好多插件没找到合适的，最终找到了一个支持grafana4.x的，还存在不少bug。不想用低版本的grafana也不想带着bug使用，自己动手改造了这个插件。

感谢https://github.com/wuyi5630/grafana-echarts-panel 大哥的贡献。此插件在大哥贡献的基础上做了修改： 1 支持高版本Grafana,目前支持7.5.4及以上，7以上版本也支持但是没亲试过。 2 修复了panel保存报错的问题。 3 ES Location Name Field支持geoip.region_name 英文key，ES geo_point Field 可以不填（wuyi5630贡献有一个bug是Average计算不对，所以针对bug做了修改）

github地址 GitHub - xinggengchang/grafana-china-map-plugin: grafana 中国地图 egrafana-echarts-panel china-map

使用方法是下载源码放到grafana data目录下的plugin目录下，刚下载的grafana第一次启动后才会生成这个插件目录，所以先启动再考呗插件到目录下。

Metrics

Echarts chart type

Echarts option

option = {
	title : {
	
	},
	tooltip : {
		trigger: 'item'
	},
	legend: {
		orient: 'vertical',
		left: 'left'
	},
	visualMap: {
		min: 0,
		max: 2000,         
		calculable: true,
		color: ['red','orange','yellow','lightgreen','green']
	},
	series : [
		{
			type: 'map',
			mapType: 'china',
			hoverable: true,
			roam:true,
			itemStyle:{
				normal:{label:{show:true}, areaColor: '#edf2f1'},
				emphasis:{label:{show:true}, areaColor: '#06060f'}
			},
			mapLocation: {
				y: "center",
				x: "center",
				height: "320"
			},
			label: {
				normal: {
					show: true
				},
				emphasis: {
					show: true
				}
			},
			data: ctrl.data
		}
	]
};

效果图