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

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

阅读 12.3k
2 个回答

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

新手上路,请多包涵

你好?我的情况和你一样但是我的是div还是无法显示,是什么原因?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题