cfchart pie chart with dataLabelStyle

Question

According to this page http://help.adobe.com/en_US/ColdFusion/9.0/CFMLRef/WSc3ff6d0ea77859461172e0811cbec22c24-792e.html you can use a dataLabelStyle which can be "none", "value", "rowLabel", "columnLabel" or "pattern". However whenever i use "rowLabel", "columnLabel" or "pattern" the image doesn't show. There is no error, just a blank canvas where the image should be. Does any one know how to work around this?

Thanks

Can you post your code and version? It works fine for me with CF9. — Leigh, Jul 28 '11 at 13:59

Kim Wilson · Answer 1 · 2012-11-30T17:26:26.857

I had the same problem, and I found that when I add the legend attribute placement, that is when the chart disappears. The legend shows with the placement indicated, but no chart.

I finally figured out what to do, I started from scratch with the bare minimum pie chart with examples from this page: WebCharts3D Piecharts

And I discovered that the order of the elements in the XML file was the issue.

This is how my XML file is now and it works:

<?xml version="1.0" encoding="UTF-8"?>

<paint paint="Plain" />

<title>
   <decoration style="None"/>
</title>

<dataLabels style="Pattern" font="Arial-16-bold">

   <![CDATA[
     $(value),  $(colPercent)
    ]]>

</dataLabels>

<legend placement="Right" font="Arial-16">
      <decoration style="None"/>
</legend>

<insets left="10" top="10" right="5" /> 

<elements action="" shape="Area" drawOutline="false">
    <morph morph="Blur" /> <!-- other options: grow, none -->
    <series index="0">
        <paint color="#E48701" /> <!-- orange -->
    </series>
    <series index="1">
        <paint color="#A5BC4E" /> <!-- lime -->
    </series>
    <!-- ...(etc) --> 
  </elements>
</pieChart>

score 1 · Accepted Answer · answered Jul 28 '11 at 14:31

This test of the five(5) styles works fine for me.

Maybe it is your code? Probably not a version problem as dataLabelStyle was introduced back in MX7 .

<cfloop list="value,rowLabel,columnLabel,pattern,none" index="style">
    <cfchart format="png" scaleFrom="0" scaleto="30">
        <cfchartseries type="bar" dataLabelStyle="#style#">
            <cfchartdata item="bar" value="25">
            <cfchartdata item="foo" value="10">
        </cfchartseries>
    </cfchart>
</cfloop>

cfchart pie chart with dataLabelStyle

2 Answers2