Skip to content

Instantly share code, notes, and snippets.

@doapp-grady
Created November 6, 2012 20:49
Show Gist options
  • Save doapp-grady/4027435 to your computer and use it in GitHub Desktop.
Save doapp-grady/4027435 to your computer and use it in GitHub Desktop.
COOL STUFF!!!! DON"T STEEL THIS!
var linesVisualization;
function drawVisualization() {
// Create and populate the data table.
var data = google.visualization.arrayToDataTable([
['x', 'Cats', 'Blanket 1', 'Blanket 2'],
['A', 1, 1, 0.5],
['B', 2, 0.5, 1],
['C', 4, 1, 0.5],
['D', 8, 0.5, 1],
['E', 7, 1, 0.5],
['F', 7, 0.5, 1],
['G', 8, 1, 0.5],
['H', 4, 0.5, 1],
['I', 2, 1, 0.5],
['J', 3.5, 0.5, 1],
['K', 3, 1, 0.5],
['L', 3.5, 0.5, 1],
['M', 1, 1, 0.5],
['N', 1, 0.5, 1]
]);
// Create and draw the visualization.
linesVisualization = new google.visualization.LineChart(document.getElementById('visualization'))
linesVisualization.draw(data, {curveType: "function",
width: 500, height: 400,
vAxis: {maxValue: 10},
pointSize: 3}
);
google.visualization.events.addListener(linesVisualization, 'onmouseover', lineMouseOver);
google.visualization.events.addListener(linesVisualization, 'onmouseout', lineMouseOut);
}
function lineMouseOver(e) {
linesVisualization.setSelection([e]);
}
function lineMouseOut(e) {
linesVisualization.setSelection([{'row': null, 'column': null}]);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment