javascript - echarts的tooltip无法显示,触发时formatter可以打印出数据;
巴扎黑
巴扎黑 2017-04-11 13:17:27
[JavaScript讨论组]

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) + '月
' + 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 += '
' + b.seriesName + ':' + b.data; }); console.info(text); return text; }, }

更多配置就不放了,都差不多;是我配置不对吗,求解答?

巴扎黑
巴扎黑

全部回复(1)
黄舟

自问自答:
因为我设置的容器都是canvas,所以导致里面的tooltip的容器不会显示;把canvas换成p就可以了

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号