var sliceName = $("#historical_slicename :selected").text();
var queryString = "/analytics/bigquery/?timeBucket=600&maxAge=86400&sum=@bytes_sent&avg=@cpu&groupBy=Time,city,@hostname,@site&slice=" + sliceName;
+ $( "#control1").html("");
+ $( "#control2").html("");
+ $( "#chart-site-agg" ).html("<div class='loading'>Loading ...</div>");
+ $( "#chart-site-time" ).html("");
+ $( "#chart-geo" ).html("");
+
$.ajax({
url: queryString,
dataType: 'json',
});
geoChart.setDataTable(dt);
geoChart.draw();
-
-/* var histogram = new google.visualization.ChartWrapper({
- 'chartType': 'Histogram',
- 'containerId': 'chart-histo',
- 'options': {
- 'width': 300,
- 'height': 300,
- },
- 'title': 'Sites by load',
- 'view': {
- 'columns': [1, 2]
- }
- });
- histogram.setDataTable(dt);
- histogram.draw(); */
-
}
function handleResponse(response) {
var format0dp = new google.visualization.NumberFormat({fractionDigits:0});
var format2dp = new google.visualization.NumberFormat({fractionDigits:2});
+ if (response.isError()) {
+ $( "#chart-site-agg" ).html("<div class='loading'>Error while fetching data.</div>");
+ return;
+ }
+
+ if (response.getDataTable().getNumberOfRows() == 0) {
+ $( "#chart-site-agg" ).html("<div class='loading'>No data for this slice.</div>");
+ return;
+ }
+
// Create a group for charts that will have a horizontal axis that is
// time.