Thanks to NwDx’s answer I managed to create something useful. It’s not a complete chart application and I hope someone with more know how can provide a better answer, but I’ll post the result nontheless. You can use mouse dragging for rotation and mouse wheel for zooming. The example shows a perlin noise graph with … Read more
It took me a while, to figure this out, but Google Charts does support dual Y-axis (v-axis). I want to use the Javascript API and not the HTML interface. This example can be tested here: http://code.google.com/apis/ajax/playground/?type=visualization#line_chart Replace all of that code with this code showing how to have two different Y-axis scales: function drawVisualization() { … Read more
The below answer is concerned with chart.js 1.x. Chart.js 2.x supports this Chart.js how to get Combined Bar and line charts? EDIT 2 I have now added this feature to my custom build of chartjs if you want to use that https://github.com/leighquince/Chart.js the only difference is i named it Overlay not LineBar so to use … Read more
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