中国地图使用频率很高
下载文件: echarts.min.js
网址: http://echarts.baidu.com/download.html
点击: 完整
下载文件: china.js
网址: http://echarts.baidu.com/download-map.html
点击: 中国地图 - JS
当 (tooltip) 鼠标经过时 空值(为NAN)不让显示tooltip出来 , 解决见下代码红字:
<script src="../plugins/echarts/echarts.min.js"></script>
<script src="../plugins/echarts/china.js"></script>
<div id="eChart_chinaMap" style="height:450px;"></div>
<script>
eChart_chinaMap();
function eChart_chinaMap() {
var myChart = echarts.init(document.getElementById('eChart_chinaMap'));
// 指定图表的配置项和数据
option = {
title : {
text: '收信区域统计',
x:'center'
},
tooltip : {
trigger: 'item',
// formatter: '{b} : {c0}'
formatter: function(data){
//console.log(data);
if( !isNaN(data.value) ){
return data.name+":"+data.value;
}
}
},
legend: {
orient: 'vertical',
x:'left'
},
dataRange: {
min: , //标尺最小值
max: , //标尺最大值
x: 'right',
y: 'top',
text:['高','低'], // 文本,默认为数值文本
calculable : true
},
series : [
{
name: '',
type: 'map',
mapType: 'china',
roam: false,
itemStyle:{
normal:{label:{show:true}},
emphasis:{label:{show:true}}
},
data:[
{name: '江苏',value: ""},
{name: '天津',value: ""},
{name: '广西',value: ""},
{name: '*',value: ""},
{name: '江西',value: ""},
{name: '河北',value: ""}
]
}
]
}; // 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
}
</script>
.