Creating bar graph using Identify method. Can only get last record in chart.

Question

Hi all. I have been banging my head to figure out my syntax errors in this javascript. Basically, I used the jssamples - "Show query results with a chart", which brings back a pie chart and the results from one record. I changed the method to identify and am attempting to show multiple records from one site in a bar chart. I know that I am getting all the records back (I use the console.log for the values to be returned in firebug). Only the last record shows in the bar chart. My undying gratitude for any assistance. I can't find any examples to emulate. P.s., zoom to the blue water droplets in Hamilton County, OH. k.d. Here is the javascript: Water Quality Monitoring Charts Water Quality Report

K_DRex · Answer

GOT IT!!!
 I followed the recommendations given.  
I placed a 
"var chartData = new array();"  outside of the "for" statement.  Then I used

"chartData.push(NO3NO2)"  to get the data into the chartData.  That variable is then 
sent (along with the other params) to the chart.apis.google. to create a bar graph of NO3NO2 taken at monitoring sites over a time period.

Thank you, swingley and lowgas for your suggestions.

k.d.

derekswingley1 · Answer

I'm not able to get to your map service but you're right about overwriting your info on each iteration of your loop. Do something like this: function addToMap(idResults, evt){ var chart_html = []; for (var i = 0, il = idResults.length; i < il; i++) { var idResult = idResults; if (idResult.layerId === 0) { var feature, attributes, NO3NO2, SAMPLEDATE, graphics; feature = idResult.feature; attributes = feature.attributes; NO3NO2 = parseFloat(attributes.NO3NO2); var params = dojo.mixin({ chf: "a,s,000000CD", chbh:"a,4,2", chds:"0,20", chxr:"0,0,20", cht: "bvg", chs:"275x110", chxt: +SAMPLEDATE +"," +NO3NO2, chxl:"0:|2004|2005|2006|2007|2008|2009", chd:"t1:" +NO3NO2, chco:"A2C180,3D7930", chtt:"Water+Quality+Data", }); //create symbol for selected features on the map var mySymbol = new esri.symbol.SimpleMarkerSymbol(); mySymbol.setStyle(esri.symbol.SimpleMarkerSymbol.S TYLE_SQUARE); mySymbol.setSize(10); mySymbol.setColor(new dojo.Color([255,255,0,0.5])); feature.setSymbol(mySymbol); map.graphics.add(feature); map.infoWindow.setTitle("NO3NO2") console.log(NO3NO2); chart_html.push("

" ); } map.infoWindow.setContent(chart_html.join('

')) map.infoWindow.show(map.toScreen(identifyParams.geometry) , map.getInfoWindowAnchor(map.toScreen(identifyParams.geometry))); } }

K_DRex · Answer

Yes, I see that.  Somewhere outside the loop I need to create an array to store the data.  Since this is the first javascript I have worked on, even that is a bit confusing for me.

More reading and waking in the middle of the night for me.

If anyone can assist, thanks.

K.D.