flex系列基础教程：[9]flex图标例子4

电脑

flex环境

这是最开始的脚本文件，当然你还可以加入其他的，这里只是创建了一些默认的数据，        [Bindable]        private var expensesAC:ArrayCollection = new ArrayCollection( [            { Month: 'Jan', Profit: 2000, Expenses: 1500, Amount: 450 },            { Month: 'Feb', Profit: 1000, Expenses: 200, Amount: 600 },            { Month: 'Mar', Profit: 1500, Expenses: 500, Amount: 300 },            { Month: 'Apr', Profit: 1800, Expenses: 1200, Amount: 900 },            { Month: 'May', Profit: 2400, Expenses: 575, Amount: 500 } ]);

这里是设置一下图标的显示样式，设置后会体现在图标上。                      

这里就是图标的排列布局，还有数据的填充，整体的一个显示风格。                                                                                                                                                                                                                                                                                                                              

现在来看看编译执行后的效果，颜色上可以自己修改，如果数据更多看上去效果会更好哦。