如何在Flex 3中绘制图表/图表?

时间:2012-02-17 09:57:04

标签: actionscript-3 flex graph charts flex3

我在SDK 3.5中使用flex builder 3。我制作一个AIR应用程序,我想在其上绘制一些图表。我搜索互联网,示例不起作用。我错过了什么或者我必须安装一些与包相关的图表吗?我是Flex的新手。

1 个答案:

答案 0 :(得分:0)

  

 [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>

转到here了解更多信息。