echarts地图带光柱标记_Echarts 地图（map）插件之 鼠标HOVER和tooltip自定义提示框...

【自行修改 "引号"】

一、鼠标HOVER时的事件：

参照官方文档解释,

可以看出这款插件有丰富的鼠标事件可供选择：

调用鼠标HOVER事件的方法很简单,只需把以下代码放到charts()调用的函数的最底部即可

var ecConfig = require(‘echarts/config‘);

myChart.on(ecConfig.EVENT.HOVER, function(param){

var selected =param.name;

//write your code here

//console.log(selected);打印参数

//hoverin();调用自定义函数

//document.getElementById(‘wrong-message‘).innerHTML = str;

});

二、tooltip的数据自定义；

这块研究了一段时间，都是浅浅的研究，

tooltip就是鼠标放在地图上显示的提示，如图红框里的就是tooltip的内容；

这里总结的主要是这块数据的自定义;

官方文档介绍说需要修改formatter；

option ={

tooltip : {

trigger: ‘item‘,

formatter: ‘{b}‘}

},

文档中说明：formatter支持