Comments on: Google Visualization API and ColdFusion: Create a Data Table http://www.jensbits.com/2009/07/23/google-visualization-api-and-coldfusion-create-a-data-table/ my code snips Thu, 02 Feb 2012 01:32:14 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: jen http://www.jensbits.com/2009/07/23/google-visualization-api-and-coldfusion-create-a-data-table/comment-page-1/#comment-1836 jen Wed, 20 Oct 2010 17:40:34 +0000 http://www.jensbits.com/?p=306#comment-1836 @stuttsdc Call the external js file a cfm file. For example custom.js.cfm and include it in the page. That way the server will process the CF variables provided you have them in a cfoutput tags. <script language="javascript" type="text/javascript" src="custom.js.cfm"></script> @stuttsdc
Call the external js file a cfm file. For example custom.js.cfm and include it in the page. That way the server will process the CF variables provided you have them in a cfoutput tags.

<script language="javascript" type="text/javascript" src="custom.js.cfm"></script>

]]> By: stuttsdc http://www.jensbits.com/2009/07/23/google-visualization-api-and-coldfusion-create-a-data-table/comment-page-1/#comment-1835 stuttsdc Wed, 20 Oct 2010 17:30:57 +0000 http://www.jensbits.com/?p=306#comment-1835 @jen. Thanks for the feedback. I was actually to figure the bulk of my issue out but the real problem is when I try to take the <script> above and place it in an external file ( <script type="text/javascript" src="geomapscript.js"> as an example.) My issue seems to be placement of the <cfoutput> tags you have places around the <script> tags in the <head> above. I can not seem to move these to an appropriate place when the script is moved to it's own .js file. Suggesions? @jen. Thanks for the feedback. I was actually to figure the bulk of my issue out but the real problem is when I try to take the <script> above and place it in an external file ( <script type="text/javascript" src="geomapscript.js"> as an example.)

My issue seems to be placement of the <cfoutput> tags you have places around the <script> tags in the <head> above. I can not seem to move these to an appropriate place when the script is moved to it's own .js file.

Suggesions?

]]> By: jen http://www.jensbits.com/2009/07/23/google-visualization-api-and-coldfusion-create-a-data-table/comment-page-1/#comment-1833 jen Wed, 20 Oct 2010 15:56:24 +0000 http://www.jensbits.com/?p=306#comment-1833 @stuttsdc Long shot, but I think it might be here: data.setValue(#currentRow#-1, 0, 'US-' + '#state#'); I would try: data.setValue(#currentRow#-1, 0, "'US-" + "#state#'"); to get those single quotes around the state designation properly. And, do you need an options['dataMode'] for what you are trying to display? @stuttsdc

Long shot, but I think it might be here:

data.setValue(#currentRow#-1, 0, 'US-' + '#state#');

I would try:

data.setValue(#currentRow#-1, 0, "'US-" + "#state#'");

to get those single quotes around the state designation properly.

And, do you need an options['dataMode'] for what you are trying to display?

]]> By: stuttsdc http://www.jensbits.com/2009/07/23/google-visualization-api-and-coldfusion-create-a-data-table/comment-page-1/#comment-1831 stuttsdc Wed, 20 Oct 2010 14:03:28 +0000 http://www.jensbits.com/?p=306#comment-1831 I'm trying to use this as a template to populate the geoMap visualization tool but can not get it to work at all. My query.. <cfquery name="myQuery" datasource="xxx"> SELECT tblLoc.StateUSAbb as state, Count(tblLoc.StateUSAbb) AS statecount FROM ... GROUP BY ... HAVING ... </cfquery> and the heart of my code for the map: google.load('visualization', '1', {packages: ['geomap']}); function drawVisualization() { var data = new google.visualization.DataTable(); data.addRows(#myQuery.recordcount#); data.addColumn('string', 'state'); data.addColumn('number', 'statecount'); <cfloop query="myQuery"> data.setValue(#currentRow#-1, 0, 'US-' + '#state#'); data.setValue(#currentRow#-1, 1, #statecount#); </cfloop> var options = {}; options['region'] = 'US'; var geomap = new google.visualization.GeoMap( document.getElementById('visualization')); geomap.draw(data, options); } google.setOnLoadCallback(drawVisualization); I'm trying to use this as a template to populate the geoMap visualization tool but can not get it to work at all.

My query..

<cfquery name="myQuery" datasource="xxx">
SELECT tblLoc.StateUSAbb as state, Count(tblLoc.StateUSAbb) AS statecount
FROM …
GROUP BY …
HAVING …
</cfquery>

and the heart of my code for the map:

google.load('visualization', '1', {packages: ['geomap']});

function drawVisualization() {
var data = new google.visualization.DataTable();
data.addRows(#myQuery.recordcount#);
data.addColumn('string', 'state');
data.addColumn('number', 'statecount');
<cfloop query="myQuery">
data.setValue(#currentRow#-1, 0, 'US-' + '#state#');
data.setValue(#currentRow#-1, 1, #statecount#);
</cfloop>

var options = {};
options['region'] = 'US';

var geomap = new google.visualization.GeoMap(
document.getElementById('visualization'));
geomap.draw(data, options);
}

google.setOnLoadCallback(drawVisualization);

]]> By: EstebanD http://www.jensbits.com/2009/07/23/google-visualization-api-and-coldfusion-create-a-data-table/comment-page-1/#comment-1723 EstebanD Tue, 24 Aug 2010 14:23:58 +0000 http://www.jensbits.com/?p=306#comment-1723 Great post simple and to the point! Thanks! Great post simple and to the point!
Thanks!

]]> By: Parapeti http://www.jensbits.com/2009/07/23/google-visualization-api-and-coldfusion-create-a-data-table/comment-page-1/#comment-1318 Parapeti Tue, 25 May 2010 20:45:51 +0000 http://www.jensbits.com/?p=306#comment-1318 awesome, thank you for this tutorial awesome, thank you for this tutorial

]]>