JavaScript
google.load('visualization', '1.0', {
packages: ['controls']
});
function drawVisualization() {
// Prepare the data
var data = google.visualization.arrayToDataTable([
['Name', 'Tag', 'Type', 'Date'],
['WCHC 2007-1 PREF', 45, 'TK',new Date(2014, 12, 6)],
['WCHC 2007-1 PREF', 85, 'TK', new Date(2014, 12, 6)],
['VWALT 2014-A A2A', 100, 'TK', new Date(2014, 12, 6)],
['TRAP 2002-1A C1', 100.5, 'TK', new Date(2014, 12, 6)],
['TALON 1W 1', 99.5, 'TK', new Date(2014, 12, 6)],
['TALON 1W 1', 85.5, 'TK', new Date(2014, 12, 6)],
['TRAP 2002-1A C1', 99.6, 'TK', new Date(2014, 12, 6)],
['WCHC 2007-1 PREF', 55, 'TK',new Date(2014, 12, 7)],
['WCHC 2007-1 PREF', 75, 'TK', new Date(2014, 12, 7)],
['VWALT 2014-A A2A', 110, 'TK', new Date(2014, 12, 7)],
['TRAP 2002-1A C1', 80.5, 'TK', new Date(2014, 12, 7)],
['TALON 1W 1', 69.5, 'TK', new Date(2014, 12, 7)],
['TALON 1W 1', 105.5, 'TK', new Date(2014, 12, 7)],
['TRAP 2002-1A C1', 59.6, 'TK', new Date(2014, 12, 7)]
]);
// Define category pickers for 'Name'
var countryPicker = new google.visualization.ControlWrapper({
controlType: 'CategoryFilter',
containerId: 'control2',
options: {
filterColumnLabel: 'Name',
ui: {
labelStacking: 'vertical',
allowTyping: false,
allowMultiple: false,
caption: 'Select Name',
label: '',
}
}
});
var dateFormatter = new google.visualization.DateFormat({ pattern: 'dd MM yyyy' });
var line = new google.visualization.ChartWrapper({
'chartType': 'LineChart',
'containerId': 'chart1',
'options': {
'width': 950,
'height': 450,
'legend': 'none',
'hAxis': {
'format': "dd-MM-yyyy"
},
//...