Hi,
I'm trying to create a google chart on a a5w page.
I have worked through the various examples
and worked through this post http://www.alphasoftware.com/alphafo...t=google+chart
This all works fine when I do a working preview or publish to my local webroot
chart1.JPG
Whe I publish to my application server though, I just get a blank screen!
chart2.JPG
Has anyone any clues to why it's no showing on my application server?
Thanks
I'm trying to create a google chart on a a5w page.
I have worked through the various examples
http://www.ajaxvideotutorials.com/V1...gleChart_1.swf
http://www.ajaxvideotutorials.com/V1...gleChart_2.swf
http://www.ajaxvideotutorials.com/V1...tingData_1.swf
http://www.ajaxvideotutorials.com/V1...tingData_2.swf
http://www.ajaxvideotutorials.com/V1...tingData_3.swf
http://www.ajaxvideotutorials.com/V1...gleChart_2.swf
http://www.ajaxvideotutorials.com/V1...tingData_1.swf
http://www.ajaxvideotutorials.com/V1...tingData_2.swf
http://www.ajaxvideotutorials.com/V1...tingData_3.swf
and worked through this post http://www.alphasoftware.com/alphafo...t=google+chart
- Created web dialog component
- added code below to dialog static text control
Code:<!-- per example at [URL]https://google-developers.appspot.co...ery/combochart[/URL] --> <script type="text/javascript" src="[URL="https://www.google.com/jsapi%22%3E%3C/script"]https://www.google.com/jsapi"></script[/URL]> <script type="text/javascript"> google.load("visualization", "1", {packages:["corechart"]}); </script> <div id="mychart" style="HEIGHT: 6in; WIDTH: 6in"></div>
- Added a button with the onclick java code
Code:drawChart();
- Created the folowwing function in java script functions
Code:function drawChart() { // Some raw data (not necessarily accurate) var data = google.visualization.arrayToDataTable([ ['Month', 'Bolivia', 'Ecuador', 'Madagascar', 'Papua New Guinea', 'Rwanda', 'Average'], ['2004/05', 165, 938, 522, 998, 450, 614.6], ['2005/06', 135, 1120, 599, 1268, 288, 682], ['2006/07', 157, 1167, 587, 807, 397, 623], ['2007/08', 139, 1110, 615, 968, 215, 609.4], ['2008/09', 136, 691, 629, 1026, 366, 569.6] ]); var options = { title : 'Monthly Coffee Production by Country', vAxis: {title: "Cups"}, hAxis: {title: "Month"}, seriesType: "bars", series: {5: {type: "line"}} }; var chart = new google.visualization.ComboChart(document.getElementById('mychart')); chart.draw(data, options); };
- create a5w web page and add the web dialog conponent
This all works fine when I do a working preview or publish to my local webroot
chart1.JPG
Whe I publish to my application server though, I just get a blank screen!
chart2.JPG
Has anyone any clues to why it's no showing on my application server?
Thanks
Comment