I have a Google API line graph with two lines and clickable tooltips. On the click, a hidden div is shown that displays a pie chart with further details about the point on the graph. This is working fine using a switch statement. However, I'm having difficulty getting unique onclick events for both line points. Currently, for the month of Jan 18, it's showing the same pie chart for both lines. Not sure what I can do to fix this and have each bullet display their respective chart.
You can check out my code here: https://jsfiddle.net/Error_423/g4gz279e/35/
I was using this as a reference: https://developers.google.com/chart/interactive/docs/customizing_tooltip_content#tooltip-actions
I've added comments in the JS and HTML to further explain what I'm trying to accomplish.
Any help would be greatly appreciated!