Hello,
How can I set a default value in the drop down list for both color and
size?
Here is my code:
<script type="text/javascript" src="http://www.google.com/
jsapi"></script>
<script type="text/javascript">
google.load('visualization', '1', {'packages':
['motionchart']});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable
();
data.addRows(20);
data.addColumn('string', 'Family Members');
data.addColumn('date', 'Date');
data.addColumn('number', 'Cats');
data.addColumn('number', 'Happiness
Index');
data.setValue(0, 0, 'Matt');
data.setValue(0, 1, new Date (2005,6,1));
data.setValue(0, 2, 0);
data.setValue(0, 3, 5);
data.setValue(1, 0, 'Amanda');
data.setValue(1, 1, new Date (2005,6,1));
data.setValue(1, 2, 0);
data.setValue(1, 3, 0);
data.setValue(2, 0, 'Matt');
data.setValue(2, 1, new Date (2006,0,1));
data.setValue(2, 2, 1);
data.setValue(2, 3, 3);
data.setValue(3, 0, 'Amanda');
data.setValue(3, 1, new Date (2006,0,1));
data.setValue(3, 2, 1);
data.setValue(3, 3, 4);
data.setValue(4, 0, 'Matt');
data.setValue(4, 1, new Date (2006,7,1));
data.setValue(4, 2, 1);
data.setValue(4, 3, 3);
data.setValue(5, 0, 'Amanda');
data.setValue(5, 1, new Date (2006,7,1));
data.setValue(5, 2, 1);
data.setValue(5, 3, 3);
data.setValue(6, 0, 'Matt');
data.setValue(6, 1, new Date (2007,0,1));
data.setValue(6, 2, 1);
data.setValue(6, 3, 4);
data.setValue(7, 0, 'Amanda');
data.setValue(7, 1, new Date (2007,0,1));
data.setValue(7, 2, 1);
data.setValue(7, 3, 2);
data.setValue(8, 0, 'Matt');
data.setValue(8, 1, new Date (2007,7,1));
data.setValue(8, 2, 3);
data.setValue(8, 3, 2);
data.setValue(9, 0, 'Amanda');
data.setValue(9, 1, new Date (2007,7,1));
data.setValue(9, 2, 3);
data.setValue(9, 3, 4);
data.setValue(10, 0, 'Matt');
data.setValue(10, 1, new Date (2007,10,1));
data.setValue(10, 2, 3);
data.setValue(10, 3, 2);
data.setValue(11, 0, 'Amanda');
data.setValue(11, 1, new Date (2007,10,1));
data.setValue(11, 2, 3);
data.setValue(11, 3, 3);
data.setValue(12, 0, 'Matt');
data.setValue(12, 1, new Date (2007,11,1));
data.setValue(12, 2, 4);
data.setValue(12, 3, 1);
data.setValue(13, 0, 'Amanda');
data.setValue(13, 1, new Date (2007,11,1));
data.setValue(13, 2, 4);
data.setValue(13, 3, 4);
data.setValue(14, 0, 'Matt');
data.setValue(14, 1, new Date (2008,0,1));
data.setValue(14, 2, 4);
data.setValue(14, 3, 1);
data.setValue(15, 0, 'Amanda');
data.setValue(15, 1, new Date (2008,0,1));
data.setValue(15, 2, 4);
data.setValue(15, 3, 3);
data.setValue(16, 0, 'Matt');
data.setValue(16, 1, new Date (2008,3,1));
data.setValue(16, 2, 5);
data.setValue(16, 3, 0);
data.setValue(17, 0, 'Amanda');
data.setValue(17, 1, new Date (2008,3,1));
data.setValue(17, 2, 5);
data.setValue(17, 3, 5);
data.setValue(18, 0, 'Matt');
data.setValue(18, 1, new Date (2008,10,1));
data.setValue(18, 2, 5);
data.setValue(18, 3, 0);
data.setValue(19, 0, 'Amanda');
data.setValue(19, 1, new Date (2008,10,1));
data.setValue(19, 2, 5);
data.setValue(19, 3, 3);
var chart = new google.visualization.MotionChart
(document.getElementById('chart_div'));
chart.draw(data, {width: 600, height:300});
}
</script>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
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
-~----------~----~----~----~------~----~------~--~---