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

Question

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;
      },
    }

更多配置就不放了，都差不多；是我配置不对吗，求解答？

Answer 1

设置的容器都是canvas，所以导致里面的tooltip的容器不会显示；把canvas换成div就可以了