Echars安徽地图

js代码

function initEchars(){
	var myChart3 = echarts.init(document.getElementById('table2left'));
    var option3 = {
	    tooltip: {
	        trigger: 'item',
	        formatter: '{a}<br/>{b}:{c}'
	    },
	    dataRange: {
	    	show:false,
	        min: 0.5,
	        max: 17.1,
	        x: 'left',
	        y: 'bottom',
	        text:['高','低'],           // 文本,默认为数值文本
	        calculable : true,
            color: ['#EE4000','lightskyblue','#9F79EE','lightskyblue'],
	        textStyle :{color: '#FFFFFF'} 
	    },
	    series : [
        {
                name: '安徽',
                type: 'map',
                mapType: '安徽',
                hoverable: true,
                
                dataRangeHoverLink: true, 
                zoom: 1.2,
                selectedMode : 'single', // 同时只能一块区域变色
                label:{                  //显示各地方名称
                    normal:{
                        show:true,
                        textStyle:{
                            color:'#101010',
                            fontSize:12,
                            // fontWeight:'bold',
                        },
//                        formatter:function(d){return d.name + '\n' + d.value;}
                    },
                    emphasis:{
                        show:true,
                        textStyle:{
                            color:'#101010',
                            fontSize: 12,
                            // fontWeight:'bold'
                        }
                    }
                },
                itemStyle:{
                    normal:{
                        borderColor: "white",
                        borderWidth: 1,
                        shadowColor: 'white',
                        shadowBlur: 10
                    },
                    emphasis:{
                        areaColor: '#B9D3EE'  //修改区域hover效果
                    }
                },
                data: [{name: "宣城", value: "0.8"},
        			 	{name: "芜湖", value: "6.6"},
		               {name: "蚌埠", value: "1.7"} ,
		               {name: "池州", value: "1.3"} ,
		               {name: "滁州", value: "1.1"} ,
		               {name: "安庆", value: "1.2"} ,
		               {name: "马鞍山", value: "1.4"},
		               {name: "淮南", value: "3.0"} ,
		               {name: "亳州", value: "0.5"} ,
		               {name: "六安", value: "2.5"} ,
		                {name: "淮北", value: "1.0"},
		                {name: "黄山", value: "1.1"},
		                {name: "宿州", value: "1.0"},
		                {name: "阜阳", value: "1.9"},
		                {name: "合肥", value: "17.1"},
		                {name: "铜陵", value: "1.2"},
                ],
            }
        
        ]
	};

    myChart3.setOption(option3);
    $(window).resize(function(){
        myChart3.resize();
    });
    
    myChart3.on('click', function (params) {
    	var day=$('#time').val();
    	console.log(params);
    });}

html引用

 <script src="../../echarts/echarts.min.js" type="text/javascript"></script>  
 <script src="../../echarts/anhui.js" type="text/javascript"></script> 
发布了52 篇原创文章 · 获赞 2 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/liz9411/article/details/91364804
今日推荐