I am getting a flickering tooltip once my mouse hovers over that actual tooltip on a google chart. I have been looking up solutions but have not been able to fix the issue as of yet. Here they [debate about the mouse being below the tooltip element is what is causing the flickering](https://github.com/google/google-visualization-issues/issues/2162). A workaround is represented which perhaps I am not able to implement due to my lack of knowledge on angular.

```
//Change: 
google.charts.load('current', {'packages':['corechart']});

//To:
google.charts.load('42', {'packages':['corechart']});

```

The way I am loading my chart is just by calling the following in my html component.

```
<google-chart [data]="pieChartData" 
ng-style="svg > g > g:last-child { pointer-events: none }"></google-chart>

```

Another solution presented is to set the `pointer-events` to none in the style. I tried adding these lines to my css component.

```
svg > g > g:last-child { pointer-events: none }
div.google-visualization-tooltip { pointer-events: none }

```

Without any results, I also tried to add `pointer-events: none` within my html component on the tag that I am drawing my PieChart with. Both with 'style' and 'ng-style`. However, I can imagine setting the`pointer-events` to none the tooltip will not show at all, this is an improvement over the correct functionality but nonetheless unwanted.

edit:
I am using the following module: <https://www.npmjs.com/package/ng2-google-charts>