Google line chart width and hover issue
<p>The chart below has a lot of data and it doesnt display as I want.</p>

<p><a href="https://i.stack.imgur.com/vJESG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vJESG.png" alt="Chart detail"></a>  </p>

<p>To try displaying it better i used <code>width: chartData.getNumberOfRows() * 90</code> on chart options, now it looks like this:</p>

<p><a href="https://i.stack.imgur.com/1FFUM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1FFUM.png" alt="Chart detail 2"></a>   </p>

<p>Notice the overflow on the right side, to solve that I used   </p>

<pre><code> overflow-x: scroll; 
 overflow-y: hidden;   
</code></pre>

<p>on the parent element of the chart, the wrapping div. Now it looks like this:</p>

<p><a href="https://i.stack.imgur.com/CX7gJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CX7gJ.png" alt="Chart detail 3"></a> </p>

<p>But there is a problem when hovering over the points in the chart:</p>

<p><a href="https://i.stack.imgur.com/GolFe.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GolFe.png" alt="Chart detail 4"></a></p>

<p>If I hover after its max natural width, It just does that. </p>

<p><strong>Is there any way to solve the hovering?</strong>    </p>

<p><strong>There is also a problem when there are multiple lines that have same quantity on a day, when I hover on that point, it only shows the data of 1 line, not all. I expect something like this:</strong></p>

<p><a href="https://i.stack.imgur.com/vITOt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vITOt.png" alt="Chart detail 5"></a></p>