echarts版本:3.2.3;
安装:npm(通过页面直接引用js文件也不行,tooltip组件确定有);
浏览器:chrome 53;
所有图中的Tooltip都不显示;但是鼠标 hover 和 dispatchAction 触发都可以在控制台中打印出formatter处理好的数据;其他功能都没有问题;
其中一个散点图的配置:
tooltip: {
show: true,
formatter: function (params) {
var tmp = params.value[0]/100;
var value = ~~(tmp) + '.' + Math.round(tmp%(~~tmp)*12) + '月<br />' + params.seriesName + '退出金额:' + params.value[1] + '万元';
console.info(value);
return value
}
}
鼠标hover之后控制台可以打印出数据
另一个柱状图和线图叠加的配置如下:
tooltip : {
trigger: 'axis',
formatter: function(a) {
var text = a[0].name;
a.reverse().forEach( (b, c) => {
text += '<br />' + b.seriesName + ':' + b.data;
});
console.info(text);
return text;
},
}
更多配置就不放了,都差不多;是我配置不对吗,求解答?
自问自答:
因为我设置的容器都是canvas,所以导致里面的tooltip的容器不会显示;把canvas换成div就可以了