即使单词已完成,也会在Google图表图例上显示工具提示

时间:2014-08-12 04:25:00

标签: google-visualization

只有在单词因太长而中断时,才会显示Google图表上的工具提示的默认行为。

enter image description here

我想要做的是始终显示工具提示,无论单词是否完整。这可能吗?

1 个答案:

答案 0 :(得分:1)

您可以尝试覆盖工具提示功能以显示文本。使用jquery做了一个例子,但它也为标题和轴刻度提供了工具提示,但应该接近你想要的:

      function myReadyHandler(){
          $('g text').mouseenter(function(e){
              if($(this).text().indexOf('...')!= -1) return;
              $('.charts-tooltip').hide();
              $('body').append('<div style="position: absolute; visibility: visible; left: '+(e.pageX-50)+'px; top: '+(e.pageY+20)+'px;" class="charts-tooltip"><div style="background-color: infobackground; padding: 1px; border: 1px solid infotext; font-size: 14px; margin: 14px; font-family: Arial; background-position: initial initial; background-repeat: initial initial;">'+$(this).text()+'</div></div>');
          })
          $('g').mouseleave(function(e){
              $('.charts-tooltip').hide();
          })
      } 

      google.visualization.events.addListener(chart, 'ready', myReadyHandler);

以下是一个工作示例:http://jsfiddle.net/Lwkorqn9/