<?xml version="1.0"?>
<!-- charts/PredefinedAxisStyles.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
<!--[CDATA[
//导入相关包
import mx.collections.ArrayCollection;
import mx.charts.*;
import mx.charts.series.items.ColumnSeriesItem;
import mx.charts.ChartItem;
import mx.charts.chartClasses.Series;
import mx.charts.chartClasses.IAxis;
import mx.utils.ObjectUtil;
[Bindable]
public var expenses:ArrayCollection = new ArrayCollection([
{Month:"Jan", Profit:20, Expenses:15},
{Month:"Feb", Profit:10, Expenses:20},
{Month:"Jun", Profit:30, Expenses:40},
{Month:"Aug", Profit:15, Expenses:25},
{Month:"Set", Profit:40, Expenses:45}
]);
public function myLabelFormat(obj:Object,pcat:Object,ax:LinearAxis):String
{
return numForm.format(obj)+"%";
}
private function setCustomLabel(element:ChartItem, series:Series):String {
// Get a refereence to the current data element.
var data:ColumnSeriesItem = ColumnSeriesItem(element);
// Get a reference to the current series.
var currentSeries:ColumnSeries = ColumnSeries(series);
// Create a return String and format the number.
return numForm.format(data.yNumber) + "%";
}
public function myLabelDisplay(hd:HitData):String{
//return hd.displayText + "%";
// var curObj:Object = hd.item;
// var curSeries:BarSeries = BarSeries(hd.chartItem.element); // 获得当前的BarSeries
// return curObj.qual + "-" + curSeries.displayName + "\n"
// + uqStatistics.getUQAs(curSeries.xField, curObj.qualObj).length
// + RM.getString(BUNDLE_DASHBOARD, "label.piece");
var curObj:Object = hd.item;
var curSeries:ColumnSeries = ColumnSeries(hd.chartItem.element);
if(curSeries.yField == "Profit")
return curSeries.yField + ":" + hd.item.Profit + "%";
else
return curSeries.yField + ":" + hd.item.Expenses + "%";
}
]]-->
</mx:Script>
<mx:NumberFormatter id="numForm" useThousandsSeparator="true"/>
<mx:Panel title="Using Predefined Axis Styles">
<mx:ColumnChart id="column" dataProvider="{expenses}" showDataTips="true" dataTipFunction="myLabelDisplay" >
<mx:horizontalAxis>
<mx:CategoryAxis
dataProvider="{expenses}"
categoryField="Month"
/>
</mx:horizontalAxis>
<!-- 设置纵坐标读取的属性 -->
<!-- 设置横坐标的最小刻度以及最大刻度,另外调用labelFunction重写刻度格式为百分比 -->
<mx:verticalAxis>
<mx:LinearAxis minimum="0" maximum="50" labelFunction="myLabelFormat"/>
</mx:verticalAxis>
<mx:series>
<mx:ColumnSeries
xField="Month"
yField="Profit"
displayName="Profit" labelPosition="outside" labelFunction="setCustomLabel"
/>
<mx:ColumnSeries
xField="Month"
yField="Expenses"
displayName="Expenses" labelPosition="outside" labelFunction="setCustomLabel"
/>
</mx:series>
</mx:ColumnChart>
<mx:Legend dataProvider="{column}"/>
</mx:Panel>
<mx:Style>
ColumnChart {
horizontalAxisStyleName:myAxisStyles;
verticalAxisStyleName:myAxisStyles;
}
.myAxisStyles {
tickPlacement:none;
}
</mx:Style>
</mx:Application>
分享到:
相关推荐
Flex 手绘百分比圆盘、三色渐变,具有动态效果!
范例使用SuperMap iClient 6R for Flex开发模式,做内存数据做等级符号专题图。
flex 设置背景音乐flex 设置背景音乐flex 设置背景音乐flex 设置背景音乐flex 设置背景音乐flex 设置背景音乐flex 设置背景音乐
Flex获取设置html cookie;Flex获取设置html cookie
flex&bison解析简单结构体生成简单符号表
图标在list上 单击可以实现切换 左右滑动切换 分享下
flex 图标统计
Flex ColumnChart 样式设置,详细设置。
Flex3.0 图标拖动 可以拖动图标,并解决了鼠标离开图标就无法拖动的问题
flex统计图标实例 饼状图 柱状图 折线图
Flex等待鼠标的图标 cursor.swf SWF文件格式
FLEX自定义等待图标资源 18个SWF资源,19个GIF资源
FLEX 背景图片设置的方法,很实用的技巧
flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图...
FLEX特效FLEX特效FLEX特效FLEX特效 FLEX特效FLEX特效FLEX特效FLEX特效 FLEX特效FLEX特效FLEX特效FLEX特效 FLEX特效FLEX特效FLEX特效FLEX特效
Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex ...
flex 精通 flexflex 精通 flexflex 精通 flexflex 精通 flexflex 精通 flexflex 精通 flexflex 精通 flexflex 精通 flexflex 精通 flexflex 精通 flexflex 精通 flexflex 精通 flexflex学习的好资源啊
Flex简介Flex简介Flex简介Flex简介Flex简介
flex事件flex事件flex事件flex事件flex事件
这是我在如何使用最佳做法并将它们应用到 Flex 开发流程的系列的第一部分。本文侧重于 Flex 项目设置的最佳做法。