ツールチップが正しく表示されないonmouse

Question

私はangularjs google chartで作業しています。グラフの水平スクロールバーを表示したいのですが、デフォルトではが右から左にスクロールされます。右から左にスクロールするCSSコードを適用する前に、デモ作業

は（予想通りマウスオーバーでツールチップが表示されます）： Working Demo before horizontal scrollbar is applied from right to lefft

デモCSSコードを適用した後 Demo, tooltip is not showing as expected when mouseover on the bar

HTMLを右から左にスクロールしますコード：

<div ng-controller="myController" style="width:100%;height:50%;margin-left:0;white-space: nowrap;overflow-x:auto;overflow-y:hidden;direction:rtl;left:0;top:0;"> 
    <div style="width:90%;height:90%;" google-chart chart="myChart"> 
    </div> </div> 

CSSコード：

div[aria-label="A tabular representation of the data in the chart."] { 
    left: 0 !important;} 

問題は、バー、入力にツールチップonmouseですか？

Answer 1

あなたはにチャートを含むdiv要素を変更する必要があります：あなたはそれをテストすることができhere

<div style="width:100%;height:50%;margin-left:0;white-space: nowrap;overflow-x:auto;overflow-y:hidden;right:0;top:0;"> 

。