CFChart

I was wondering is there a way to show chart point values so that the values always show instead of just on mouseover? Right now I'm using cfchart and having it render as a Flash movie. Here's my code below.
<cfchart
   format="flash"
   scalefrom="500"
   scaleto="5000"
   show3D="No"
   chartWidth="750"
   chartHeight="300"
   labelFormat = "currency"
   showmarkers="yes"
    title = "Funding"
    yAxisTitle = "Dollars"
    xAxisTitle="Year"
    markerSize = "5">
<cfchartseries
      type="line"
      paintStyle="light"
      serieslabel="Funding"
      seriescolor="0f7196">
        <cfchartdata item="2006 - 07" value="3983">
        <cfchartdata item="2007 - 08" value="3670">
        <cfchartdata item="2008 - 09" value="3070">
        <cfchartdata item="2009 - 10" value="2703">
</cfchartseries>
</cfchart>

http://www.coldfusionjedi.com/index.cfm/2009/3/6/Ask-a-Jedi-Showing-the-values-on-a-chart

Similar Messages

How to create trend line in cfchart?

I can create a scatter chart in cfchart - but I do not know how to create a linear regression trend line in the same chart as a second data series. Kodemonki provided an answer in a forum discussion a few years ago (http://forums.adobe.com/message/192848#192848) - but I am not able to make it work (I have a dangerously small knowledge of coldfusion and statisitcal formulas). Can someone tell me where i put in my to data query variables - such as for a query that gives results for two data fields, "Item1" and "Item2".
Here is Kodemonki's solution:


     <cfset min = 0>
     <cfset max = ceiling(arrayMax(grabData["value"])) + 1>
     <cfset n = grabData.recordCount>
     <cfset sum_x = 0>
     <cfset sum_x2 = 0>
     <cfset sum_xy = 0>
     <cfloop from="1" to="#grabData.RecordCount#" index="i">
          <cfset sum_x = sum_x + i>
          <cfset sum_xy = (i*grabData.value[i]) + sum_xy>
          <cfset sum_x2 = sum_x2 + (i*i)>
     </cfloop>
     <cfset sum_y = arraySum(grabData["value"])>
     <cfset slope = round(((n*sum_xy) - (sum_x*sum_y))/((n*sum_x2) - (sum_x*sum_x)))>
     <cfset intercept = round((sum_y - (slope*sum_x))/n)>
     <cfset best_fit = QueryNew("id, value")>
     <cfloop from="1" to="#grabdata.RecordCount#" index="i">
          <cfset queryAddRow(best_fit)>
          <cfset value = round((slope*i) + intercept)>
          <cfset QuerySetCell(best_fit, "id", grabData.xlabel[i])>
          <cfset QuerySetCell(best_fit, "value", value)>
     </cfloop>
     <cfchart scalefrom="#min#" scaleto="#max#" title="#GrabDatapointInfo.label#" format="jpg" chartHeight="450" chartwidth="500" xaxistitle="Month/Year">
          <cfchartseries type="line" query="best_fit" valuecolumn="value" itemcolumn="id"/>
          <cfchartseries type="line" query="grabData" valuecolumn="value" itemcolumn="xlabel"/>
     </cfchart>

Have you read the docs for CFCHART, CHCHARTSERIES, etc? Did you mess around with the example code sufficiently so you understand how the tags work?
http://help.adobe.com/en_US/ColdFusion/9.0/CFMLRef/WSc3ff6d0ea77859461172e0811cbec22c24-79 30.html
Adam

How do I change the font size of a data point label on a cfchart?

I know I can control the x axis and y axis font with the font="" attribute of the cfchart tag. But I want to change the font size of the data label in the chart series. Is that possible?

To specifically and fully answer your question, no, you absolutely cannot change the “font size” as a function of print.
First of all, there isn't a single “font size” associated with a PDF file (and we assume you are referring to a PDF file since this is an Acrobat forum).
Secondly, PDF is a final form file format meaning that the content is static in terms of location, size, etc. on the page. To change the point size of any particular text, you really need to go back to the source document and make the changes there.
- Dov

How to create a trend line in cfchart?

I can create a scatter chart in cfchart - but I do not know how to create a linear regression trend line in the same chart as a second data series.
Kodemonki provided an answer in a forum discussion a few years ago (http://forums.adobe.com/message/192848#192848).
But I am not able to make it work (I have a dangerously small knowledge of coldfusion and statisitcal formulas).
Can someone tell me where i put in my to data query variables - such as for a query that gives results for two data fields, "Item1" and "Item2".
Thanks!
Here is Kodemonki's solution:


     <cfset min = 0>
     <cfset max = ceiling(arrayMax(grabData["value"])) + 1>
     <cfset n = grabData.recordCount>
     <cfset sum_x = 0>
     <cfset sum_x2 = 0>
     <cfset sum_xy = 0>
     <cfloop from="1" to="#grabData.RecordCount#" index="i">
          <cfset sum_x = sum_x + i>
          <cfset sum_xy = (i*grabData.value[i]) + sum_xy>
          <cfset sum_x2 = sum_x2 + (i*i)>
     </cfloop>
     <cfset sum_y = arraySum(grabData["value"])>
     <cfset slope = round(((n*sum_xy) - (sum_x*sum_y))/((n*sum_x2) - (sum_x*sum_x)))>
     <cfset intercept = round((sum_y - (slope*sum_x))/n)>
     <cfset best_fit = QueryNew("id, value")>
     <cfloop from="1" to="#grabdata.RecordCount#" index="i">
          <cfset queryAddRow(best_fit)>
          <cfset value = round((slope*i) + intercept)>
          <cfset QuerySetCell(best_fit, "id", grabData.xlabel[i])>
          <cfset QuerySetCell(best_fit, "value", value)>
     </cfloop>
     <cfchart scalefrom="#min#" scaleto="#max#" title="#GrabDatapointInfo.label#" format="jpg" chartHeight="450" chartwidth="500" xaxistitle="Month/Year">
          <cfchartseries type="line" query="best_fit" valuecolumn="value" itemcolumn="id"/>
          <cfchartseries type="line" query="grabData" valuecolumn="value" itemcolumn="xlabel"/>
     </cfchart>

Have you read the docs for CFCHART, CHCHARTSERIES, etc? Did you mess around with the example code sufficiently so you understand how the tags work?
http://help.adobe.com/en_US/ColdFusion/9.0/CFMLRef/WSc3ff6d0ea77859461172e0811cbec22c24-79 30.html
Adam

Cfchart and cfreport issues in 7.0.2

I've seen a few posts on people having issues with cfchart
and cfreport upon upgrading to 7.0.2
The specific issue I was having were that the cfcharts no
longer showed up and the cfreports where getting some sort of a
null error.
The fix:
in the lib dirrectory of your cf install dir (for me with
jrun it was
C:\JRun4\servers\cfusion\cfusion-ear\cfusion-war\WEB-INF\cfusion\lib)
there are 2 files: commons-digester-1.3.jar and a 1.7.jar the 1.3
version should have been deleted by the updater but was not, so
just rename it to something like .old and then restart coldfusion.
Everything should be working as it was before 7.0.2 now.

You
rock, John2!
I recently upgraded to 7.0.2 and has the same CFCHART problem
afterward that many other people encountered (i.e. Flash charts
would no longer appear when viewed using Internet Explorer). Your
recommendation worked perfectly. Thank you very much!

CFChart images broken when creating a PDF document with SSL

I have a report that I create with Coldfusion, that includes a number of CFChart objects. I recently installed a new SSL certificate, and now all the charts show up as broken links.   It shows up fine if I try and display this as HTML. On the chance it was something weird about my (lengthly) report, I created the following sample code that I saved in a file called foo.cfm:
<cfset sDir = "C:/">
<cfset filename = "foo123.pdf">
<cfdocument format="pdf" filename="#filename#" overwrite="yes" marginleft=".7" margintop=".3" backgroundvisible="yes">
TEST 12345
<br>
<br>
<div style="height:500px;float:right; margin-left:10px; margin-top:10px; margin-right:10px; margin-bottom:10px;">
    <cfchart
        format="png"
        chartwidth="400"
        chartheight="360"
        showborder="no"
        databackgroundcolor="##ffffff"
        fontbold="yes"
        sortxaxis="no"
        yoffset=".1"
        scaleto="100"
        showmarkers="no"
        show3d="no"
        fontsize="11"
          >
    <cfchartseries type="bar" datalabelstyle="none" seriescolor="##00CC99" paintstyle="shade">
    <cfchartdata item="B" value="40">
    <cfchartdata item="A" value="50">
    <cfchartdata item="E" value="80">
    <cfchartdata item="S" value="30">
    </cfchartseries>
    </cfchart>
</div>
</cfdocument>
<cfoutput>
<a href="#filename#" target="_blank">Foo</a>
</cfoutput>
If I go to the URL https://www.mywebsite.com/foo.cfm, the foo.pdf file shows a broken link. If instead I go to http://www.mywebsite.com/foo.cfm the image of the chart shows up just fine.
The weird thing is that I have an older server running CF9.0.0. On this server it works just fine. On another server with 9.0.1, it breaks. Same with 9.0.2, and CF 10.
I read something about needing to install the cert in a keystore, and I did this but it changed nothing. The image is still broken in the pdf.
Any help would be greatly appreciated. We have been able to work around the issue by posting the image in a non-secure location, but this seems like a hack, not a proper solution.

Hi Anit, thanks for the feedback. I did try this on a different server, using the instructions here:
http://helpx.adobe.com/coldfusion/kb/import-certificates-certificate-stores-coldfusion.htm l
and then restarted ColdFusion, but it didn't seem to fix the issue. How would I check that the certificate has been correctly imported? Also, how can I define what URL Coldfusion uses to get the images it creates with CFChart?   Though it seems to me this should "just work" by default, if I've followed the steps correctly, and I should have to edit any config files.

Need Help in displaying data labels at the top of the bars in CFCHART

Hi,
I have a cfchart with two line series and one bar. I want to display the data values at the top of the bar and the line series. Below is the XML I am using:
<cfsavecontent variable="chartStyle">
<?xml version="1.0" encoding="UTF-8"?>
<frameChart is3D="false" isMultiline="true">
          <frame xDepth="12" yDepth="11" outline="black" stripColor="light_gray">
               <background maxColor="black"/>
          </frame>
<yAxis scaleMin="0" scaleMax="30">
               <labelFormat pattern="###"/>
<parseFormat pattern="###"/>
<labelStyle orientation="Horizontal"/>
<titleStyle font="Arial-11-bold" isMultiline="false"><![CDATA[
#Vehicles       ]]>
</titleStyle>
</yAxis>
<yAxis2 scaleMin="0" scaleMax="30">
               <labelFormat pattern="###"/>
<parseFormat pattern="###"/>
<labelStyle orientation="Horizontal"/>
<titleStyle font="Arial-11-bold" isMultiline="false"><![CDATA[
Profitability       ]]>
</titleStyle>
</yAxis2>
<dataLabels foreground="black" font="Arial-12-bold"/>
<legend allowSpan="true" equalCols="false" halign="Center" isMultiline="true" placement="Bottom"><decoration style="None"/></legend>
<elements place="Stacked" drawOutline="false">
<series index="1" place="Stacked">
<dataLabel style="value"/>
</series>
          <series index="2" place="Stacked">

</series>
<series index="3" place="Stacked">

</series>
<series index="0" place="Stacked" shape="Line" isSecondAxis="true">
<dataLabel style="value"/>
          </series>
<series index="1" place="Stacked" shape="Line" isSecondAxis="true">
<dataLabel style="value"/>
          </series>
</elements>
          <table>
               <heatmap isEnabled="false" minLevel="0.0" maxLevel="0.0"/>
          </table>
          <popup background="white" foreground="black"/>
          <paint isVertical="true" min="26" max="76"/>
          <insets right="5"/>
</frameChart>
</cfsavecontent>
Can anyone please tell me what is the mistake i am doing.
Thanks in advance,
Jeevan Pulugu.

Hi,
Probably you need to find a way to enhance the standard code.
But make one thing sure that the code (included bu you) gets fired only when that specific report is being executed. Else it may harm the standard functionality.
Hope this helps you.
Regards,
Tarun

Cfchart scaleto still doesn't work in CF8?

I saw numerous posts on here and other forums about how the
'scaleto' attribute in cfchart doesn't work right in CF7. But, I'm
having the same problems with CF8. It still hasn't been fixed?
I'm following along with Ben Forta's CF8 WACK in chapter 16
listing 16.4. The data is from his ows database. There is actually
an error in his code, where the 'scaleto' is set to 1500000, but
the highest value from the database goes to '800000000', so I
changed the 'scaleto' to '1000000000'. The crazy thing is, figure
16.4 in the book shows the upper limit at 1 billion, just like it's
supposed to work, but it doesn't work for me.
I saw another post that said it worked fine when they removed
the labelformat="currency" attribute, and sure enough, when removed
it works just fine (albeit without the proper formatting). Does
Adobe plan on ever actually fixing cfchart in any CF release?
I'm using: CF801 developer edition on Vista (sp1) and the CF8
internal web server. The code is below, but I'm assuming others
have this book and have tried it? Anyone else still having issues
with 'scaleto' in CF8?

<cfchart chartwidth="750"
chartheight="450"
yaxistitle="Budget"

show3d="yes"
xoffset=".04"
yoffset=".04"

showborder="yes"
foregroundcolor="003366"
backgroundcolor="99dddd"
databackgroundcolor="66bbbb"
tipbgcolor="ffff99"
fontsize="11"
fontbold="yes"
fontitalic="yes"

scalefrom="0"
scaleto="1000000000"
gridlines="6"
showygridlines="yes"
labelformat="currency">

<cfchartseries type="bar"
seriescolor="green"
serieslabel="Budget Details:"
query="chartquery"
valuecolumn="amountbudgeted"
itemcolumn="movietitle"
paintstyle="light">
</cfchart>

I appear to have solved at least part of my problem. In addition to running the application firewall that's accessible from System Preferences, I run ipfw via the WaterRoof frontend. I have my firewall rules carefully crafted to my needs, including open ports for iTunes sharing, Bonjour, etc., all according to Apple's documentation.
However, I don't see anywhere that they've documented this. On disabling the ipfw firewall, I found AirPlay worked again. Further testing and examination of the logs revealed that the Mac had been denying inbound packets coming from the AirPort Express and destined for UDP port 6002. So far I can find no official documentation saying iTunes or AirPlay uses that port, but allowing it through the firewall seems to have worked. This wasn't necessary in earlier versions of iTunes, and I'm not sure why it has changed now.
I haven't tested streaming to the iPhone yet.

Can You Create Trend Line in CFCHART?

Have pretty much got CF7 Charts and WebCharts3D down, at
least to the point where they can do what I need the most. However,
the one thing I'd like to be able to do, but not sure if it's
possible, is create a TREND LINE.
This would be a LINE charts with 2 series. The first series
would be a line with the actual counts covering a period of time.
I'd like to add a 2nd line, using the same data from the
first series, but have it displayed as a TREND line. In Excel, you
can easily create a TREND line, it's even offered as an option.
I've seen somehwere (CFCHART or WebCharts3D) something to so
with "logarithmic" options, which is one of the options for Excel
charts.
Two more quick questions:
Q1. Is there any way to control the margin between the left
and right borders of the charts, and the bars? Have tried
experimenting, but can't seem to get this to work. Reason is, when
I try to show a chart in 3D, the first bar on the left is "butted
up" against the left chart border. Would like to add a little space
there.
Q2. Rather than display rectangular bars, I'd like to display
rounded cylinders. I've tried setting the chart type in CFCHART to
"cylinder" but it still displays a bar. When I try to change the
type to "cylinder" in WebCharts3D, the chart STILL displays
rectangular bars. Yet I've seen many examples of rounded, cylinder
bars.
Don't mean to push my luck with too many questions. Thanks
for any advice, help.
Gary

Trend Lines:
CFChart does not do trend lines of any type. However, it is
not too difficult to compute the regression of your choice and to
plot it as a second series.
Logarithmic:
Not sure what you are asking here.
In theory, cfchart does do log-lin and log-log charts.
However, it is so buggy, and the scaling problems are so
great, that we have never been able to get it to work well.
We use ChartDirector for anything that requires a log scale.
Side margins:
You cannot control these directly. Here are some workarounds:
For "Category" axis:
Make sure the "isBucketed" property is set to true (this is the
default).
If that is not enough, add extra bars to your data series,
usually value zero. It's not ideal but it may be good enough.
For "Scale" axis:
Usually this works well enough. Otherwise, try toggling the
"isAbsolute" property.
The only other recourse is to manually scale the plot using the
"scaleMin" and "scaleMax" properties. This can be a real pain for
obvious reasons and also because cfchart scaling is fraught with
bugs and "quirks".
Cylinder Bars:
These work. Perhaps there was a setting conflict within the
XML or between the CFChartSeries setting and the XML?
Also the cylinders will only look round when 3D is turned on.
(Side view of a cylinder is just a shaded bar.)
Anyway, I've said it before: cfchart is barely usable for a
very limited range of charts.
For real business or common engineering and scientific needs,
you need to step up to something better.
The package we use (has all the features and very reasonably
priced) is ChartDirector (
http://www.advsofteng.com/cdcoldfusion.html).
(And, no, I'm not affiliated.)

CFCHART - Line Chart Questions - CF7

Hi Folks -
I have a few questions about CFCHART in CF 7 and I am hoping
that maybe different users can answer them:
The following questions relate to creating a line chart.
1) Is there a way to control the gridlines yourself, and not
use the values for the lines that CFCHART presents?
1A) If you have to accept the values that CFCHART gives you,
is there a way to control the actual rounding of the values? Right
now I am getting 3 decimal places, and I would prefer whole
numbers.
2) Is there an issue with displaying negative values? I have
a chart that ranges from -255 to 100,000 and has 10 grid lines. But
the -255 does not display. I get 0, the rest of the lines, except
for the 9th line.
<cfchart chartheight="300" chartwidth="450" font="@Arial
Unicode MS" scalefrom="-255" scaleto="100000"
gridlines="10" xaxistitle="Month" yaxistitle="Total"
format="png" labelformat="number">
<cfchartseries type="line" serieslabel="Review">
<cfchartdata item="Jan" value="2569">
<cfchartdata item="Feb" value="65535">
<cfchartdata item="March" value="-57">
<cfchartdata item="April" value="75778">
<cfchartdata item="May" value="89955">
<cfchartdata item="June" value="39898">
<cfchartdata item="July" value="0">
<cfchartdata item="August" value="12560">
<cfchartdata item="Sept" value="-255">
<cfchartdata item="Oct" value="767">
<cfchartdata item="Nov" value="6868">
<cfchartdata item="Dec" value="37352">
</cfchartseries>
</cfchart>
Any and all questions and answers are appreciated.
Thanks,
Doug

You can specify scaleFrom and scaleTo by hardoced values or
dynamic variables and number of gridlines. If you not specified
first two attributes, then by default, the minimum is 0 or the
lowest negative chart data value, and the maximum is the largest
data value.
To avoid decimals in your case empirically find good
combination for your scale, for example from - 500 to 10 000 and
number of gridlines = 12.

Can't do detailed line chart in cfchart

Hi
is it possible to get a line chart suitable for say a
financial series ie with ~1000 points of data in cfchart with
CFMX7? I cant seem to get the line fine enough so have to limit
chart to say 50 points. Someone must have done it but cant see any
examples on web or adobe livedocs. I guess a follow up question is
where is the best ref for cfchart?
Thanks in advance
Tim

Hi, what did the genius mean by "everything being fried"? I'm guessing that you have a USB keyboard and mouse and they still work, right? I'm just trying to see what the extent of the damage is.
Best,
~FifthWheel

Problem with CFCHART on CF10

CFCHART is not rendering on our server for some reason. We cache to disk and are generating a .SWF file. The. SWF is in the chart cache folder ok, and can be viewed separately, however it will not render within a web page. When we view source we see this <object> tag:
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,2,0"
ID="Images_8879629000100025_SWF" name="Images_8879629000100025_SWF" WIDTH="900" HEIGHT="350">
<PARAM NAME="movie" VALUE="/CFIDE/GraphData.cfm?graphCache=wc50&graphID=Images/8879629000100025.SWF"/>
<PARAM NAME="quality" VALUE="high"/>
<PARAM NAME="bgcolor" VALUE="#FFFFFF"/>
<EMBED src="/CFIDE/GraphData.cfm?graphCache=wc50&graphID=Images/8879629000100025.SWF"
quality="high" bgcolor="#FFFFFF" WIDTH="900" HEIGHT="350" TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</EMBED>
</OBJECT>
but nothing appears. We tried all browsers and it's not a Flash installation issue. The graphData.cfm file never exists, and did not in previous CF versions either. Also the Images/ folder prefixing the .SWF file does not exist, but the 887962900010 0025.SWF file is in C:\ColdFusion10\cfusion\charting\cache on our server.
Does anyone have any pointers?
Regards,
Mark

Hi Wesley,
This is rather late, but we've seen the same thing frequently (and I believe can replicate it). It's caused when you a creating a new email by copying the content of an existing one with a name space in it.
Upon copying, the link gets scrambled. The approach we use is to copy the email in to a new template, then strip out all of the URL links and add them back in.
Thanks!
Ant

CFCHART not displaying in IE

Hi All,
I have created chart using CFCHART. Its working fine in my local system in ALL BROWSERS. But when moved it to my staging sever the CFCHART not rendering in IE(workign in all other browsers).

Hi Hippiex,
I don't have accses to the
http://yourwebsite.com /CFIDE/Scripts/ directory.
i got an error 404 file or directory not found.
what else i can do in order the cfchart will work in IE?
thanks,
yaffa.

Vertical text in CFChart for x-axis item

I had a problem when I view a graph, for example
<cfchartdata item="#Depart_Name#" value="#Salary#">. if
depart_name to long the name did not be display. how can i DISPLAY
Depart_Name in vertical?anyone?

you can't really, with using just
<cfchart>/<cfchartseries> tags...
you could, of course, set the type="horizontalbar" (if your
chart is of
type bar) and/or use rotated="yes" to switch x and y axis
positions, so
your category items are on the right instead of on the
bottom...
to further customise the appearance of (some) elements of
your charts,
you could copy the default.xml file located in [cf install
directory]\charting\styles folder into the folder where your
chart-generating page is located and edit it. you will then
use
style="thenameofyourediteddefaultxmlfile.xml" in the
<cfchart> tag to
apply these edited styles to your chart.
in that .xml file you can set some defaults for your charts
appearance,
including the
<xAxis>
<labelStyle isHideOverlapped="true"
orientation="Horizontal"/>
change "Horizontal" to "Vertical" to have your leabels
display vertically...
Azadi Saryev
Sabai-dee.com
http://www.sabai-dee.com

How to adjust the scale on second Y-Axis in cfchart

Hi,
I am using cfchart to show the bar graph and line graph in the same chart . Bar graph uses Y-Axis1 and line chart uses Y-Axis2 . Y-Axis1 represents the numeric value and Y-Axis2 represents the percentage scale. the scale of Y-Axis1 depends upon the values of the data plotted but the scale of Y-Axis2 i.e for percentage that shoul be fixed from 0 t0 100% . But as the Y-Axis1 scale adjusts the Y-Axis2 scale is being changed. But i dont want that to happen . The Y-Axis2 scale should be fixed from 0 t0 100 and the Y-Axis1 scale should be adjusted depending on the values . Please suggest a solution to this .
Thanks,
Sriram

In my opinion it is impossible to have two different scales on one axis in cfchart.

How do I get cfchart to display in CF 10 developer version?

Just installed CF10 over CF8 on XP Pro test machine, upgraded to Update 08 and cfchart no longer displays. The image is generated in the charting cache (C:\ColdFusion10\cfusion\charting\cache) but doesn't display on the generated page. All I get is the little red x. The Charting cache location was set to the C:/ColdFusion10/cfusion/wwwroot/CFIDE/images and they're in there. Changing the charting path to the CFIDE in IIS (i.e., C:\Inetpub\wwwroot\CFIDE) does nothing. The CFIDE mapping is set to the same CFIDE path. Being a really old (and slowing down) fart, I need help with this one.
Apologies if I missed finding the answer somewhere else.

Going to the Window menus in Editor and checking Tools worked. Thus I never had to check on whether I was in Full Edit. That would have been my next step. Thanks VERY much!

CFChart

Similar Messages

Maybe you are looking for