Mike asked:
Do you know if there is a way to set an auto width to cfchart? Setting a pixel width doesn't work well when coding for touch screens with the different widths for portrait and landscape views. Thanks for any help you can provide.
Interesting question. You may notice that cfchart's height and width attributes only accept real numbers, not percentages. I first tried a hack where I modified the output HTML containing the SWF:
<cfsavecontent variable="html"> <cfchart chartheight="500" chartwidth="500" title="Test Chart" backgroundcolor="red"> <cfchartseries type="bar"> <cfloop index="item" array="#d#"> <cfchartdata item="#item.date#" value="#item.value#"> </cfloop> </cfchartseries> </cfchart> </cfsavecontent> <cfset html=replace(html, "WIDTH=""500""", "WIDTH=""100%""","all")> <cfoutput>#html#</cfoutput><cfset d = []> <cfset d[1] = {date="1/1/2011 03:22", value=99}> <cfset d[2] = {date="1/2/2011 04:22", value=80}> <cfset d[3] = {date="1/3/2011 09:22", value=79}>
Technically that works - the resultant object/embed tags are updated and the SWF takes 100% of the available width, but the actual chart inside the SWF doesn't size with the change. I then tried the non-interactive version with an image. Because an image map is used normally, I had to store the bits of the image to the file system and then output it.
<cfchart chartheight="500" chartwidth="500" title="Test Chart" backgroundcolor="red" format="png" name="img"> <cfchartseries type="bar"> <cfloop index="item" array="#d#"> <cfchartdata item="#item.date#" value="#item.value#"> </cfloop> </cfchartseries> </cfchart> <cfset fileWrite(expandPath("./mychart.png"),img)> <style> .chartimage { width: 100%; } </style> <img src="mychart.png" class="chartimage"><cfset d = []> <cfset d[1] = {date="1/1/2011 03:22", value=99}> <cfset d[2] = {date="1/2/2011 04:22", value=80}> <cfset d[3] = {date="1/3/2011 09:22", value=79}>
If you do use this code (and it does actually work), you would want to modify it to not generate and write on every request. It should intelligently determine if it needs to generate a new file first. I'll also remind people that while cfchart is pretty powerful, it's also a bit old. It is not the only way to do charting in ColdFusion. There are numerous other solutions as well.