This is my included filter binded google chart sources... How can we hide/show column on click to column title?
<script type="text/javascript">
function drawVisualization() {
// Prepare the data
var jsonData = $.ajax({
url: "data.json",
dataType: "json",
async: false
}).responseText;
var data = new google.visualization.
DataTable(jsonData);
// Define a myFilter control day selection.
var myFilter = new google.visualization.
ControlWrapper({
'controlType': 'DateRangeFilter',
'containerId': 'myControl1',
'options': {
'filterColumnLabel': 'DAY'
}
});
// Define a myChart
var myChart = new google.visualization.
ChartWrapper({
'chartType': 'ComboChart',
'containerId': 'myChartcontainer1',
'options': {
'title' : 'DAILY TEST',
'width': '100%',
'height': '600'
},
'view': {'columns': [0, 1]}
});
// Define a myTable
var myTable = new google.visualization.
ChartWrapper({
'chartType': 'Table',
'containerId': 'myChartcontainer2',
'options': {
'sortColumn': 0,
'sortAscending': false,
'width': '100%',
'height': '500'
}
});
// Create a dashboard
new google.visualization.Dashboard(document.
getElementById('myDashboard')).
// Establish bindings, declaring the both
the myFilter and the category picker will drive both charts.
bind([myFilter], [myChart, myTable])
.
// Draw the entire dashboard.
draw(data);
window.addEventListener("resize",
drawVisualization, false);
}
</script>
<div class="col-md-12 ">
<div class="panel" id="myDashboard">
<div id="myControl1"></div>
<div id="myChartcontainer1"></div>
<div id="myChartcontainer2"></div>
</div>
</div>
--
You received this message because you are subscribed to the Google Groups
"Google Chart API" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/google-chart-api.
For more options, visit https://groups.google.com/d/optout.
