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>