Javascript 鼠标悬停时工具提示未正确显示

我正在制作angularjs谷歌图表。我想显示图表的水平滚动条，默认情况下，它应该从右向左滚动

在应用css代码从右向左滚动之前正在进行演示（鼠标上方的工具提示如预期所示）：

应用css代码从右向左滚动后的演示

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>

---

问题在于工具栏上的鼠标提示，是否有输入？

您需要将包含图表的div更改为：

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

---

你可以测试它。

你为什么要使用Angular 1.3.0测试版？@JorgeValle-angularjs（angularjs 1.0）我理解，但你为什么要从CDN加载测试版？如果你正在启动一个干净的项目，我会使用最新的1.6.x版本。我希望水平滚动条从右向左滚动，当我使用direction:rtl；你的答案不符合我的要求（我希望水平滚动条能像我在帖子中提到的那样从右向左滚动）。@Lucas Rodriguez

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