Fusion Charts

> > >

The following examples show a FusionCharts component integrated into the dojo.E framework. A description of a sample application utilizing this component appears in the Nexaweb Blog. The Nexaweb Blog article also explains how to use the Charting component independent of the dojo.E markup.

FusionCharts with external data:

 
<script>
    dojo.require("dojoe.widgets.FusionChart");  
</script><script type="text/xml" dojoType="dojoe.XmlScript">
    <ui>
        <dojoe.widgets.FusionChart jsId="myChart" 
             chartType="MSColumn2DLineDY"
             width="600" height="300" 
             dataUrl="js/dojoe/tests/widgets/Charts/Col2DLineDY.xml">
        </dojoe.widgets.FusionChart>
    </ui>
</script>

FusionCharts with embedded data:

 
<script>
    dojo.require("dojoe.widgets.FusionChart");  
</script><script type="text/xml" dojoType="dojoe.XmlScript">
    <ui>
        <dojoe.widgets.FusionChart chartType="MSColumn2DLineDY"
             width="600" height="300">
             <![CDATA[
             <graph caption='Sales' PYAxisName='Revenue' SYAxisName='Quantity'
                   numberPrefix='$' showvalues='0' numDivLines='4' 
                   formatNumberScale='0' decimalPrecision='0'
                   anchorSides='10' anchorRadius='3' anchorBorderColor='009900'>
                   <categories>
                       <category name='March' />
                       <category name='April' />
                   </categories>
                   <dataset seriesName='Product A' color='AFD8F8' showValues='0'>
                        <set value='25601.34' />
                        <set value='20148.82' />
                   </dataset>
                   <dataset seriesName='Product B' color='F6BD0F' showValues='0' >
                        <set value='57401.85' /> 
                        <set value='41941.19' />
                   </dataset>
                   <dataset seriesName='Total Quantity' color='8BBA00' 
                                 showValues='0' parentYAxis='S'>
                        <set value='45000' />
                        <set value='44835' />
                   </dataset>
              </graph>
              ]]>     
          </dojoe.widgets.FusionChart>
    </ui>
</script>