Creating charts in ActionScript

          

<?xml version="1.0"?>
<!-- charts/CreateChartInActionScript.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  creationComplete="init()">
  <mx:Script>
    import mx.collections.ArrayCollection;
    import mx.charts.BarChart;
    import mx.charts.series.BarSeries;
    import mx.charts.CategoryAxis;
    import mx.charts.Legend;
    [Bindable]
    public var expenses:ArrayCollection = new ArrayCollection([
      {Month:"Jan", Profit:2000, Expenses:1500},
      {Month:"Feb", Profit:1000, Expenses:200},
      {Month:"Mar", Profit:1500, Expenses:500}
      ]);
    public var myChart:BarChart;
    public var series1:BarSeries;
    public var series2:BarSeries;
    public var legend1:Legend;
    public function init():void {
      // Create the chart object and set some
      // basic properties.
      myChart = new BarChart();
      myChart.showDataTips = true;
      myChart.dataProvider = expenses;
      // Define the category axis.
      var vAxis:CategoryAxis = new CategoryAxis();
      vAxis.categoryField = "Month" ;
      vAxis.dataProvider = expenses;
      myChart.verticalAxis = vAxis;
      // Add the series.
      var mySeries:Array=new Array();
      series1 = new BarSeries();
      series1.xField="Profit";
      series1.yField="Month";
      series1.displayName = "Profit";
      mySeries.push(series1);
      series2 = new BarSeries();
      series2.xField="Expenses";
      series2.yField="Month";
      series2.displayName = "Expenses";
      mySeries.push(series2);
      myChart.series = mySeries;
      // Create a legend.
      legend1 = new Legend();
      legend1.dataProvider = myChart;
      // Attach chart and legend to the display list.
      p1.addChild(myChart);
      p1.addChild(legend1);
    }
    </mx:Script>
  <mx:Panel id="p1" title="Bar Chart Created in ActionScript" />
</mx:Application>

Related examples in the same category

1.	A bar chart with a vertical axis
2.	CSS for BarSeries and ColumnSeries
3.	Setting fills with CSS for BarChart
4.	Set up legend for Bar chart
5.	Series for Bar chart
6.	Bar Chart with ArrayCollection
7.	Dynamically size Bar chart
8.	Defines a line width of 2 pixels, with a dark/light gray border for BarChart
9.	BarChart
10.	Basic BarChart Size
11.	A simple BarChart control with data from asp.net
12.	Vertical Axis as the data series
13.	Gradient Fills In ActionScript
14.	Setting the direction of legends
15.	Legend with a border and title bar
16.	Name data series by using the displayName property of the series:
17.	Showing multiple DataTips
18.	Define a new callback function, dtFunc, that returns a formatted value for the DataTip:
19.	Create a custom legend in ActionScript.
20.	Sets the angle property to 90, which specifies that the transition occurs from the top of the chart to the bottom.
21.	Use a LinearGradient class with three colors for a gradient fill of the chart's background:
22.	Use fills to set the background of the charts
23.	To enable DataTips, set the value of the chart control's showDataTips property to true
24.	Use ColumnSet, BarSet, and AreaSet classes to combine groups of chart series,
25.	Add a Legend to a chart in ActionScript

Creating charts in ActionScript : Bar Chart « Chart « Flex

Related examples in the same category