Using the Chart class

The Chart class is the proxy for the ColdFusion Chart service, which provides the functionality of the cfchart tag and its child chartdata and chartseries tags.

  • You specify the cfchart attributes as Chart object properties.

  • You represent chart series in the chartSeries element of the chart object. The chartSeries element is an arrays of objects, each of which represents a single chart (chartseries tag) document section. These objects include a type element for the chart type, a chartdata element for the chart data, and elements for any other series attributes.

  • You represent each chart's data as an array of objects, each of which contains an item element and a value element. You use these arrays as the chartdata elements of the chartSeries object.

  • You call the document object execute() function to run the service.

The following example shows how you can use the chart service: 

<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
layout="absolute" xmlns:cf="coldfusion.service.mxml.*" creationComplete="init()"> 
<mx:Script> 
    <![CDATA[ 
     import mx.controls.Alert; 
     import mx.rpc.events.FaultEvent; 
     import mx.rpc.events.ResultEvent; 
 
    [Bindable] 
    public var chaSer:Array; 
    public var chaDat:Array; 
     function init():void 
     { 
     chaDat = 
     [{item:"Facilities",value:"35000"}, 
     {item:"Facilities1",value:"32000"}]; 
     chaSer = [{type:"bar",chartdata:chaDat}, 
     {type:"line",chartdata:chaDat}];chartest.execute(); 
     } 
            function handleResult(event:ResultEvent):void 
            { 
            Alert.show("success" + event.result.toString()); 
            } 
            function handleFault(event:FaultEvent):void 
            { 
            Alert.show("failure" + event.toString()); 
            } 
    ]]> 
</mx:Script> 
    <cf:Config id="configid" cfServer="localhost" 
    cfPort="80" servicePassword="service" 
    serviceUserName="service" > 
    </cf:Config> 
<cf:Chart id="chartest" 
        action="generate" 
        format="jpg" 
        xAxisTitle="Department" 
        yAxisTitle="Salary Average" 
        chartSeries="{chaSer}" 
        result="handleResult(event)" 
        fault="handleFault(event)" 
        backgroundColor = "Black" 
        chartHeight = "500" 
        chartWidth = "600" 
        dataBackgroundColor = "yellow" 
        font = "ariel" 
        fontBold = "yes" 
        fontItalic = "yes" 
        fontSize = "12" 
        foregroundColor = "red" 
        gridLines = "2" 
        labelFormat = "number" 
        markerSize = "10" 
        showBorder = "yes" 
        showLegend = "yes" 
        showMarkers = "yes" 
        showxGridLines="yes" 
        showyGridLines="yes" 
        tipBgColor="blue" 
        tipStyle = "MouseOver" 
        title = "AIR Integration testing"/> 
</mx:Application>