谷歌條形圖工具提示沒有尾部

Question

我使用谷歌條形圖，並添加了html中的工具提示。問題是工具提示沒有尾部箭頭。我看到有些圖表有箭頭而其他圖表沒有？

功能drawFrequencyCharts（響應）{

var data2 = new google.visualization.DataTable(); 
data2.addColumn('number', 'Value'); 
data2.addColumn('number', 'Value'); 
data2.addColumn({'type': 'string', 'role': 'tooltip', 'p': {'html': true}}); 

....一些代碼

var view = new google.visualization.DataView(data2); 


var chart2 = new google.visualization.ComboChart(document.getElementById('barChart')); 

var options2 = { 
    height: 300, 
    width: 500, 
    series: { 
     0: { 
      type: 'bars' 
     }, 
     1: { 
      type: 'line', 
      color: 'grey', 
      lineWidth: 0, 
      pointSize: 0, 
      visibleInLegend: false 
     } 
    }, 
    colors: ['#3394D1'], 
    backgroundColor: { 
     fill: 'transparent' 
    }, 
    legend: 'none', 
    vAxis: { 
     maxValue: 100, 
     minValue: 0, 
     ticks: [{ 
      v: 0, 
      f: '0%' 
     }, { 
      v: 25, 
      f: '25%' 
     }, { 
      v: 50, 
      f: '50%' 
     }, { 
      v: 75, 
      f: '75%' 
     }, { 
      v: 100, 
      f: '100%' 
     }, ] 
    }, 
    hAxis: { 
     format: '#', 
     viewWindowMode: 'explicit', 
     viewWindow: { 
      min: 0.1 
     }, 
     title: 'Drops per day', 
     gridlines: { 
      color: 'transparent' 
     }, 
     ticks: ticksValues 
    }, 
    animation: { 
     duration: 750, 
     easing: 'linear', 
     startup: chartAnimate 
    } 
}; 


chart2.draw(view, options2); 

Answer 1

的 「尾巴」 問題是，你使用tooltip:{isHtml:true}。他們沒有顯示提示，只是一個普通的「箱子」漂浮在圖表上方。

如果你撤回到「正常」工具提示，那麼你會看到'尾巴'。

JSFiddle你可以在這裏看到區別。