FusionCharts free Documentation

Using Percent Sign on chart

If you're using dataURL method, you need to encode Percent character to %25 in your XML and then use it as under:

<graph decimalPrecision='0' numberSuffix='%25 '>

         <set name='John' value='42' color='AFD8F8' />

   <set name='Mary'  value='29' color='F6BD0F' />

   <set name='Tom' value='52' color='8BBA00' />

</graph>

You'll get an output as shown below:

Also, when using dataXML method, you need to encode Percent character to %25 - else, you'll get an error on many browsers. Following is the full HTML Code to embed the chart:

<div id="chart1div">
   This text is replaced by the chart.
</div>
<script type="text/javascript">
   var chart1 = new FusionCharts("FCF_Column2D.swf", "ChId1", "350", "200");
   chart1.setDataXML("<graph decimalPrecision='0' numberSuffix='%25 '>
   <set name='John' value='42' color='AFD8F8' />
   <set name='Mary' value='29' color='F6BD0F' />
   <set name='Tom' value='52' color='8BBA00' />
   </graph>");
   chart1.render("chart1div");
</script>

You'll again get the same output as before.