使用echarts显示中国地图 发现鼠标移动到省份上时 发现tooltip提示框不显示 tooltip.formatter倒是可以触发。
请问 我想要吧tooltip显示出来应该怎么搞呀
以下是代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="js/echarts.js"></script>
<script src="js/china.js"></script>
<title>test</title>
</head>
<body>
<canvas id="chinaG" width="400" height="350"></canvas>
<script type="text/javascript">
var optionMap2 = {
title: {
text: '获取用户数 - 区域分布',
left: 'center'
},
tooltip : {
trigger: 'item',
formatter: function(data){
console.log(data);
if( !isNaN(data.value) ){
return data.name+":"+data.value;
}
}
},
// visualMap: {
// min: 0,
// max:1000,
// left: 'left',
// top: 'bottom',
// // text: ['高','低'], // 文本,默认为数值文本
// calculable: true
// },
toolbox: {
show: true,
orient: 'vertical',
left: 'right',
top: 'center',
feature: {
dataView: {readOnly: false},
restore: {},
saveAsImage: {}
}
},
series: [
{
name: '获取用户数',
type: 'map',
mapType: 'china',
roam: false,
label: {
normal: {
show: false
},
emphasis: {
show: false
}
},
data: [{name: '北京',value: 10 },{name: '天津',value: 100 }]
}
]
};
//初始化echarts实例
var myChart2 = echarts.init(document.getElementById('chinaG'));
//使用制定的配置项和数据显示图表
myChart2.setOption(optionMap2);
</script>
</body>
</html>
吧canvas替换成div就可以了