javascript - echarts的tooltip无法显示，触发时formatter可以打印出数据；

问题描述

问 题

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就可以了

这篇关于javascript - echarts的tooltip无法显示，触发时formatter可以打印出数据；的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！