AIR版的通讯簿(二十六)

<mx:HBox width="100%" horizontalAlign="center">
    <mx:Button label="确定" styleName="certainBtn" useHandCursor="true" buttonMode="true" click="doIt()"/>
    <mx:Button label="取消" styleName="cancelBtn"  useHandCursor="true" buttonMode="true" click="returnList()"/>
   </mx:HBox>
  </mx:VBox>
  <mx:VBox width="100%" height="100%" id="chartBox">
   <mx:HBox width="100%" verticalAlign="middle">
    <mx:Spacer width="30"/>
    <mx:Image source="assets/images/showChart.png"/>
    <mx:Label text="当月开销统计" styleName="labelText"/>
    <mx:Label text="(统计截止到目前，当前月的开销情况)"/>
    <mx:Spacer width="100%"/>
    <mx:Button label=" 返回列表" styleName="returnBtn"  useHandCursor="true" buttonMode="true" click="returnList()"/>
   </mx:HBox>
   <mx:ColumnChart id="colChart" width="100%" height="100%"  showDataTips="true"  dataProvider="{dataList}">
    <mx:horizontalAxis>
     <mx:CategoryAxis id="cate" categoryField="used_way" dataFunction="lfWayCat"/>
    </mx:horizontalAxis>    
     <mx:series>
       <mx:ColumnSeries
            maxColumnWidth="15"
            minWidth="10"
                      yField="used_money"
                      displayName="费用金额"
                      fill="{sc1}"
                      stroke="{s1}"
                      showDataEffect="{slideIn}"
          hideDataEffect="{slideOut}"
                  />
     </mx:series>
    </mx:ColumnChart>
  </mx:VBox>
 </mx:ViewStack>
</mx:VBox>