quickchart icon indicating copy to clipboard operation
quickchart copied to clipboard

Horizontal Grid Lines Not Working on Line Charts

Open sjv0 opened this issue 5 months ago • 1 comments

If you take the example line chart from the documentation and append &chg=1,0, you get vertical grid lines as expected. If you add &chg=0,1 instead, horizontal grid lines are not drawn.

Example Line Chart Vertical

Example Line Chart Horizontal

Looking at the toChartJs function in google_image_charts.js I note that it calls setGridLines() twice, and the file also contains two separate implementations of the setGridLines function. The first sets maxTicksLimit and the second sets gridLines.display and gridLines.drawOnChartArea.

I don't know how Javascript handles calls to a function that's implemented twice, but I note that if I append &format=chartjs-config to the URLs, the one that works has drawOnChartArea set to true and the one that doesn't work has drawOnChartArea set to false.

I don't have a suitable test environment to suggest a fix, but hopefully the above information is helpful in identifying the problem. Thanks so much in advance.

sjv0 avatar Jan 15 '24 06:01 sjv0

Thanks for catching this. I have a fix in #190

typpo avatar Jan 15 '24 07:01 typpo