data_view/gitee-datav/智慧物联/物联网平台数据统计/js/map.js

$(function(){
		var worldMapContainer1 = document.getElementById('distribution_map');
		var myChart = echarts.init(worldMapContainer1);
		var option = {
			tooltip: {
				trigger: 'item'
			},
			legend: {
				orient: 'vertical',
				x: 'left',
				y: 'bottom',
				data: [
					'已安装设备'
				],
				textStyle: {
					color: '#ccc'
				}
			},
			visualMap: {
				min: 0,
				max: 2500,
				left: 'right',
				top: 'bottom',
				text: ['高', '低'], // 文本，默认为数值文本
				calculable: true,
				//		color: ['#26cfe4', '#f2b600', '#ec5845'],
				textStyle: {
					color: '#fff'
				}
			},
			series: [{
					name: '已安装设备',
					type: 'map',
					aspectScale: 0.75,
					zoom: 1.2,
					mapType: 'china',
					roam: false,
					label: {
                        normal: {
                            show: true,//显示省份标签
                            textStyle:{color:"#c71585"}//省份标签字体颜色
                        },    
                        emphasis: {//对应的鼠标悬浮效果
                            show: true,
                            textStyle:{color:"#800080"}
                        } 
					},
					itemStyle: {
                        normal: {
                            borderWidth: .5,//区域边框宽度
                            borderColor: '#009fe8',//区域边框颜色
                            areaColor:"#ffffff",//区域颜色
                        },
                        emphasis: {
                            borderWidth: .5,
                            borderColor: '#4b0082',
                            areaColor:"#ffdead",
                        }
                    },
					data: function() {
						var serie = [];
						for(var i = 0; i < vm.map.length; i++) {
							var item = {
								name: vm.map[i].area,
								value: vm.map[i].cnt
							};
							serie.push(item);
						}
						return serie;
					}()

				}
			]
		};

		myChart.setOption(option);
		
		// 使用刚指定的配置项和数据显示图表。
		myChart.setOption(option);
		myChart.on('click', function (params) {//点击事件
		    if (params.componentType === 'series') {
		    }
		})
	}
)