Consider the code:
*google.load('visualization', '1', {'packages':['corechart','table']});*
*// Set a callback to run when the Google Visualization API is loaded.*
*google.setOnLoadCallback(drawChart);*
*function drawChart() {*
* var jsonData123 = $.ajax({*
* url: '/APIEnterpriser/rest/getIPAddress',*
* dataType:"json",*
* async: false*
* }).responseText;*
* var parsed123 = JSON.parse(jsonData123);*
* var domainName= parsed123;*
* var jsonData = $.ajax({*
* xhrFields: { withCredentials: true },*
* type:'GET',*
* url: 'http://'+domainName+':9898/jolokia/read/*/*',*
* dataType:"json",*
* crossDomain: true,*
* async: false*
* }).responseText;*
* var parsed = JSON.parse(jsonData);*
* var arr = [];*
* for(var x in parsed){*
* arr.push(parsed[x]);*
* }*
* var dataArray = [['EPM', 'Buffered', 'ThreadCount', 'CPU(%)',
'Memory(KB)']];*
* for (var i = 3; i < arr.length; i++) {*
* dataArray.push([arr[i].EPM, arr[i].Buffered, arr[i].ThreadCount,
arr[i].CPU.toPrecision(4), arr[i].Memory]);*
* }*
* var data = new google.visualization.arrayToDataTable(dataArray);*
* var chart = new
google.visualization.Table(document.getElementById('chart_div'));*
* chart.draw(data, {width: 800, height: 200, showRowNumber: true,
allowHtml: true});*
* setTimeout(drawChart, 5000);*
The code shows the data in tabular format, but when I change this to line
or are chart, I am not getting the dynamic line which changes according to
the data, though the table updates its value every 5 seconds.
This is the code to change the above code to line chart.
var dataArray1 = [['Time','EPM']];
for (var i = 3; i < arr.length; i++) {
dataArray1.push([new Date(), arr[i].EPM]);
}
var dataArray2 = [['Time','Buffered']];
for (var i = 3; i < arr.length; i++) {
dataArray2.push([new Date(), arr[i].Buffered]);
}
var dataArray3 = [['Time','ThreadCount']];
for (var i = 3; i < arr.length; i++) {
dataArray3.push([new Date(), arr[i].ThreadCount]);
}
var dataArray4 = [['Time','CPU(%)']];
for (var i = 3; i < arr.length; i++) {
dataArray4.push([new Date(), arr[i].CPU]);
}
var dataArray5 = [['Time','Memory(KB)']];
for (var i = 3; i < arr.length; i++) {
dataArray5.push([new Date(), arr[i].Memory]);
}
var data1 = new google.visualization.arrayToDataTable(dataArray1);
var chart = new
google.visualization.LineChart(document.getElementById('chart_div11'));
chart.draw(data1, {title: 'EPM', chartArea:{width:'50%',height:'75%'}});
setTimeout(drawChart, 5000);
var data2 = new google.visualization.arrayToDataTable(dataArray2);
var chart = new
google.visualization.LineChart(document.getElementById('chart_div12'));
chart.draw(data2, {title: 'Buffered',
chartArea:{width:'50%',height:'75%'}});
setTimeout(drawChart, 5000);
var data3 = new google.visualization.arrayToDataTable(dataArray3);
var chart = new
google.visualization.LineChart(document.getElementById('chart_div13'));
chart.draw(data3, {title: 'ThreadCount',
chartArea:{width:'50%',height:'75%'}});
setTimeout(drawChart, 5000);
var data4 = new google.visualization.arrayToDataTable(dataArray4);
var chart = new
google.visualization.LineChart(document.getElementById('chart_div14'));
chart.draw(data4, {title: 'CPU(%)',
chartArea:{width:'50%',height:'75%'}});
setTimeout(drawChart, 5000);
var data5 = new google.visualization.arrayToDataTable(dataArray5);
var chart = new
google.visualization.LineChart(document.getElementById('chart_div15'));
chart.draw(data5, {title: 'Memory(KB)',
chartArea:{width:'50%',height:'75%'}});
setTimeout(drawChart, 5000);
How can I have a dynamics changing line chart?
--
You received this message because you are subscribed to the Google Groups
"Google Visualization 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 http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.
