Hi,
I am new to Google APIs. I would like to get details of selected objects on
motionchart. I tried getstate() method. but I am not able to get any data.
below is my code
<html>
<head>
<script type="text/javascript"
src="http://www.google.com/jsapi";></script>
<script type="text/javascript">
google.load('visualization', '1', { 'packages': ['motionchart'] });
google.setOnLoadCallback(drawChart);
// The select handler. Call the chart's getSelection() method
function onstatechange() {
alert("chart state changed");
};
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Fruit');
data.addColumn('date', 'Date');
data.addColumn('number', 'Sales');
data.addColumn('number', 'Expenses');
data.addColumn('string', 'Location');
data.addRows([
['Apples', new Date(1988, 0, 1), 1000, 300, 'East'],
['Oranges', new Date(1988, 0, 1), 1150, 200, 'West'],
['Bananas', new Date(1988, 0, 1), 300, 250, 'West'],
['Apples', new Date(1989, 6, 1), 1200, 400, 'East'],
['Oranges', new Date(1989, 6, 1), 750, 150, 'West'],
['Bananas', new Date(1989, 6, 1), 788, 617, 'West']
]);
var chart = new
google.visualization.MotionChart(document.getElementById('chart_div'));
// google.visualization.events.addListener(chart, 'statechange',
onstatechange());
chart.draw(data, { width: 600, height: 300 });
// alert(chart.getState());
google.visualization.events.addListener(chart, 'select',
function () {
var row = chart.getSelection()[0].row;
var state = data.getValue(row, 0);
var rows = tableData.getFilteredRows([{column: 0, value: state}]);
tableView.setRows(rows);
table.draw(tableView, options);
});
}
</script>
</head>
<body>
<div id="chart_div" style="width: 600px; height: 300px;"></div>
</body>
</html>
Thanks,
Bhoomi Gajjar
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To view this discussion on the web visit
https://groups.google.com/d/msg/google-visualization-api/-/sQulM2XomJsJ.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-visualization-api?hl=en.
