谷歌折线图宽度和悬停问题

时间:2016-05-05 11:45:41

标签: javascript svg charts google-visualization google-chartwrapper

下面的图表有很多数据,并没有按我的要求显示。

Chart detail

为了更好地显示它,我在图表选项上使用了width: chartData.getNumberOfRows() * 90,现在它看起来像这样:

Chart detail 2

请注意右侧的溢出,以解决我使用的

 overflow-x: scroll; 
 overflow-y: hidden;   

在图表的父元素上,包装div。现在它看起来像这样:

Chart detail 3

但是当将鼠标悬停在图表中的点上时会出现问题:

Chart detail 4

如果我在最大自然宽度之后盘旋,那就是这样。

有没有办法解决悬停?

当有多条线路在一天中具有相同数量时也存在问题,当我将鼠标悬停在该点上时,它仅显示1行的数据,而不是全部。我期待这样的事情:

Chart detail 5

0 个答案:

没有答案