Hmm...I don't see anything that looks wrong. Is there a public-facing page
I can test this with?
On Thursday, June 26, 2014 12:02:45 PM UTC-4, Nagendra Singh wrote:
>
> google.load('visualization', '1', {'packages': ['geochart']});
> google.setOnLoadCallback(initialize);
>
>
>
> function drawVisualization() {var data = new
> google.visualization.DataTable();
>
> var jsonData = $.ajax({
> url: "/RestartSpringRestService/rest/siteIndicator",
> dataType: "json",
> async: false,
> }).responseText;
>
>
> var jsonObj = JSON.parse(jsonData);
> // Create our data table out of JSON data loaded from server.
> var size = 0;
> for(var sizeCount in jsonObj){
> size++;
>
>
> }
>
>
>
> data.addColumn('number', 'Lat', 'Lat');
> data.addColumn('number', 'Long', 'Long');
> data.addColumn('number', 'Value', 'Value');
> data.addColumn({type:'string', role:'tooltip'});
>
> for (var i = 1; i < size+1; i++) {
>
> data.addRows([[jsonObj[i].latit,jsonObj[i].longi,jsonObj[i].siteIndicatorColor,jsonObj[i].siteNameRegion]]);
> }
> return data;
> }
>
> var options = {
> colorAxis: { minValue : 1, maxValue : 3, colors:
> ['#00CC00','#DBA901', '#FF3300']}, // green to red
> legend: {textStyle: {color: 'black', fontSize: 10}},
> backgroundColor: {fill:'#94DBFF',stroke:'#000000' ,strokeWidth:1 },
> datalessRegionColor: '#f5f5f5',
> displayMode: 'markers',
> enableRegionInteractivity: 'true',
> resolution: 'countries',
> sizeAxis: {minSize:5, maxSize: 5},
> region:'world',
> keepAspectRatio: true,
> width:1200,
> height:500,
> tooltip: {textStyle: {color: '#444444'}}
> };
>
>
>
>
>
>
> /*
> chart.draw(data, options);
> fetchlastupdate();
> */
>
>
> //setInterval(drawVisualization, 5000);
> var chart;
>
> function fetchlastupdate(){
> chart.draw(drawVisualization(), options);
> document.getElementById('timestamp').textContent ='Last Refreshed : '+ new
> Date().toDateString() +' '+ new Date().toTimeString();
> setTimeout(fetchlastupdate, 5000);
> }
>
>
> function initialize(){
> chart = new
> google.visualization.GeoChart(document.getElementById('visualization'));
> google.visualization.events.addListener(chart, 'select', function() {
>
> /*var selectionIdx = chart.getSelection()[1].row;
> var siteName = data.getValue(selectionIdx, 0);*/
> //window.open('http://localhost:8080/siteCode?siteCode=' + siteName);
> var selection = chart.getSelection();
> if (selection.length > 0) {
> var row = selection[0].row;
> if (row != null) {
> var siteName = drawVisualization().getValue(row, 3);
> //alert("You clicked ID " + data.getValue(row, 3));
> var domainName = window.location.hostname;
>
>
> //window.open('http://'+domainName+':8080/RestartSpringRestService/siteCode?siteCode='
>
> + siteName);
>
>
> window.open('http://'+domainName+':8080/RestartSpringRestService/siteDetails?siteCode='
>
> + siteName);
>
> }
> }
> });
> fetchlastupdate();
> }
>
>
>
>
> On Thursday, June 26, 2014 9:24:10 PM UTC+5:30, Andrew Gallant wrote:
>>
>> If you are getting that error message, it means you are either loading
>> the API incorrectly, or you aren't waiting for it to load before trying to
>> use API components. It would help me to diagnose your issue if you could
>> post a complete example that demonstrates the problem.
>>
>> When you have that fixed, you need to remove the "new" keyword from the
>> arrayToDataTable call:
>>
>> var data = google.visualization.arrayToDataTable(dataArray);
>>
>>
>> On Thursday, June 26, 2014 10:12:34 AM UTC-4, Nagendra Singh wrote:
>>>
>>> When I am hitting the url I am getting data in this form
>>>
>>> {"1":{"id":0,"bufferCount":24,"cpu":97.2,"memory":64.21965762722566,"siteName":null,"siteIndicatorColor":0,"dateOfOccurence":1402079370000}}
>>>
>>>
>>>
>>> Please suggest how can I map this to Column chart. I have tried using
>>> dataArray but an error- cannot read property 'arrayToDatatable' of
>>> undefined occurs...
>>>
>>>
>>> var jsonObj = JSON.parse(jsonData);
>>> // Create our data table out of JSON data loaded from server.
>>> var size = 0;
>>> for(var sizeCount in jsonObj){
>>> size++;
>>> }
>>> var dataArray = new Array(size+1);
>>> dataArray[0] = new Array(2);
>>> dataArray[0][0] = 'bufferCount';
>>> dataArray[0][1] = 'cpu';
>>> dataArray[0][2] = 'memory';
>>>
>>> dataArray[0][3] = 'dateOfOccurence';
>>>
>>> //dataArray[0][2] = {type:'string', role:'tooltip'};
>>> var i = 1;
>>>
>>> while(i < size+1){
>>> dataArray[i] = new Array(2);
>>> dataArray[i][0] = (jsonObj[i].bufferCount);
>>> dataArray[i][1] = (jsonObj[i].cpu);
>>> dataArray[i][2] = (jsonObj[i].memory);
>>> dataArray[i][3] =new Date(jsonObj[i].dateOfOccurence);
>>> //dataArray[i][2] = (jsonObj[i].bufferCount);
>>> i++;
>>> }
>>>
>>> var data = new google.visualization.arrayToDataTable(dataArray);
>>>
>>>
--
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.
