charts

use the getChartLayoutInterface method var layout = chart.getChartLayoutInterface(); to find the (x, y) location of the point var xPos = layout.getXLocation(data.getValue(row, xColumn)); var yPos = layout.getYLocation(data.getValue(row, yColumn)); then add the image manually and adjust accordingly google.charts.load(‘current’, {packages: [‘corechart’, ‘line’]}); google.charts.setOnLoadCallback(drawBackgroundColor); function drawBackgroundColor() { var data = new google.visualization.DataTable(); data.addColumn(‘number’, ‘X’); data.addColumn(‘number’, ‘Y’); data.addRows([ [0, 0], … Read more

check that the chart is not being drawn while hidden see the following snippet, the chart is hidden by default, then shown once the chart’s ‘ready’ event fires notice, it produces the same result as posted in the question… google.charts.load(‘current’, { callback: function () { var dataTable = new google.visualization.DataTable(); dataTable.addColumn(“date”, “Data”); dataTable.addColumn(“number”, “Ton./Hora”); dataTable.addColumn(“number”, … Read more