echarts 主题的使用、visualMap数据映射

主题
	1、使用内置主题
		'dark'|'light'
		var myMap=echarts.init(document.querySelector('.map'),'dark');
	
	2、使用自定义主题
		(1)在echarts官网的下载->主题下载->定制主体
			下载定制完成后的js文件
			
		(2)在index.html中通过script标签引入该js文件
		
		(3)var myMap=echarts.init(document.querySelector('.map'),'下载js文件时定义的名称');
			可在js文件中查看,echarts.registerTheme('名称',{"backgroundColor":"rgba(222,222,222,0.5)"})

visualMap
	(1)定义visualMap类型
		type:'continuous',	连续型,显示为一个可边界拉动的手柄轴
		type:"piecewise",	片段型,显示为类似图例,有以下三种模式
			splitNumber 连续型数据平均分段
			pieces 		连续型数据自定义分段: 
			categories	离散数据(类别性数据)
	
	option={
		visualMap: [
	        {
	        	type: 'piecewise',
	        	categories: ['严重污染', '重度污染', '中度污染', '轻度污染', '良', '优'],
	            dimension:7,	映射数据的维度
	            seriesIndex: 4,	对哪个图表进行映射
	            selected: {		定义范围外的数据类别
	                '严重污染': false,
	                '重度污染': false
	            }
	            inRange: {	
	                symbolSize: 30,
	                symbol: {
	                    '优': 'diamond',	
	                    '中度污染':'circle',		
	                    '': 'rect'	 表示从优到中度污染的其他未选字段
	                }
	            },
	            outOfRange: {
	                color: '#000',
	                symbolSize: {
	                    '优': 90,
	                    '': 30
	                },
	                symbol: {
	                    '优': 'rect',
	                    '': 'circle'
	                }
	            }
	        }
	    ],
	}