<?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>
分享到:
相关推荐
3. **符号设置**:定义不同等级的符号,可以是图形、图片或者其他视觉元素。符号大小与数据值的等级对应,确保视觉效果的清晰和易读。Flex允许我们自定义ActionScript类来绘制符号,或者直接使用内置的图形组件。 4...
在本文中,我们将深入探讨如何使用Adobe Flex技术来创建手绘的百分比圆盘,并实现三色渐变的动态效果。Flex是一种强大的开发框架,它允许开发者构建富互联网应用程序(RIA),并支持丰富的用户界面设计。我们将从...
符号表的设计可以是简单的哈希表或者更复杂的树形结构。 在实际应用中,`flex` 和 `bison` 生成的解析器会结合使用,`flex` 提供的词法分析器先处理输入,生成一个个 token,然后 `bison` 的语法分析器根据这些 ...
Flex获取设置html cookie;Flex获取设置html cookie
"Flex等待鼠标的图标"是指在Flex应用程序中,当系统正在进行后台处理或者加载数据时,显示的一种特殊鼠标指针,通常表现为一个旋转的小沙漏或钟表图案,以告知用户程序正忙,请稍候。这种图标可以有效地提高用户对...
图标在list上 单击可以实现切换 左右滑动切换 分享下
FLEX的用户界面通常包含丰富的交互元素,而等待图标则是这些元素中的一种,用于指示程序正在进行后台处理或加载数据。在某些情况下,开发者可能需要自定义等待图标以符合特定的品牌风格或者提供更友好的用户体验。 ...
flex 图标统计
- 使用符号库或SVG图标集,以实现高清晰度和可扩展性。 - 考虑可访问性,为无法看到图标的用户提供替代文字或提示。 7. **示例代码片段** ```actionscript public class CustomTreeItemRenderer extends ...
Flex ColumnChart 样式设置,详细设置。
Flex3.0 图标拖动 可以拖动图标,并解决了鼠标离开图标就无法拖动的问题
本篇将详细介绍如何通过“flex本地安全域设置”来解决Flex安全沙箱的问题,以及为何无需到Adobe官网设置全局安全域。 1. **Flex安全沙箱**:Flex应用运行在两种安全沙箱中,分别是“本地trusted”和“网络sandbox”...
Flex是Adobe公司开发的一种富互联网应用程序(RIA)框架,它主要使用MXML和ActionScript编程语言,用于构建具有丰富用户体验的Web应用。在本压缩包文件"Charts"中,我们聚焦于Flex中的统计图表功能,包括饼状图、...
在本文中,我们将深入探讨如何在FLEX应用程序中设置背景图片,这是一项非常实用的技巧,可以帮助你提升应用的视觉效果。FLEX是一种基于ActionScript 3(AS3)的开发框架,用于创建富互联网应用程序(RIA)。背景图片...
4. 图片资源:可能包含气泡提示的图标或其他图形元素。 5. XML配置文件:可能存储了关于提示设置的参数,如显示延迟时间、位置等。 集成这样的解决方案到ASP.NET项目中,开发者需要考虑如何在客户端和服务器端之间...
【联想FlexSystem Visio图标】是一套专门设计用于在Microsoft Visio中绘制联想FlexSystem架构图的图形资源。Visio是一款强大的绘图软件,尤其在IT领域,它被广泛用于创建网络拓扑图、服务器配置图以及各种系统架构图...
综上所述,修改Flex Tree的icon涉及到创建自定义渲染器、数据绑定、根据数据源动态设置图标等步骤。理解这些概念和技巧对于构建具有个性化视觉效果的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 ...
将新创建的皮肤类与自定义组件关联,可以在组件类中设置skinClass属性,或者在MXML中通过skinClass属性指定皮肤类。 7. **测试和优化**: 使用Flex Builder或命令行工具编译并运行CustomComponentSkinTest应用...
"Flex官方设置样式界面源码"是一个Demo项目,旨在提供一个可视化工具,帮助开发者直观地调整Flex组件的样式,并生成相应的CSS样表,便于应用到实际项目中。 这个Demo的核心功能是样式探索和编辑。它允许用户通过...