代码如下:
<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
@font-face {
src:url("assets/font/arial.ttf");
font-family: EmbeddedArial;
embedAsCFF:false;
}
mx|LineChart {
fontFamily: EmbeddedArial;
fontSize: 12px;
}
</fx:Style>
<mx:horizontalAxisRenderers>
<mx:AxisRenderer axis="{ca}"
labelRotation="-45" canDropLabels="true" axisStroke="{axis}" placement="bottom" tickLength="5" tickPlacement="outside" minorTickLength="2" minorTickPlacement="inside" labelGap="0" >
<mx:tickStroke>{ticks}</mx:tickStroke>
<mx:minorTickStroke>{mticks}</mx:minorTickStroke>
</mx:AxisRenderer>
</mx:horizontalAxisRenderers>
注意网上常见的
@font-face {
src: local("Arial");
font-family: EmbeddedArial;
}
local("Arial")在Flash Builder4中的写法是错误的,俺也不知道怎样才能方便快捷引用系统的字体,模仿官方例子,把系统目录C:\WINDOWS\Fonts下的arial.ttf拷贝了一份放到项目的assets/font/下。
贴上官方的例子供大家参考:
Rotating chart axis labels
<?xml version="1.0"?>
<!-- charts/RotateAxisLabels.mxml -->
<s:Application
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:mx="library://ns.adobe.com/flex/mx"
xmlns:s="library://ns.adobe.com/flex/spark"
creationComplete="srv.send()"
height="600">
<fx:Declarations>
<!-- View source of the following page to see the structure of the data that Flex uses in this example. -->
<mx:HTTPService id="srv" url="http://aspexamples.adobe.com/chart_examples/expenses-xml.aspx"/>
<!-- To see data in an HTML table, go to http://aspexamples.adobe.com/chart_examples/expenses.aspx -->
</fx:Declarations>
<fx:Style>
@namespace mx "library://ns.adobe.com/flex/mx";
@font-face{
src: url("../assets/MyriadWebPro.ttf");
fontFamily: myMyriad;
embedAsCFF: false;
}
mx|ColumnChart {
fontFamily: myMyriad;
fontSize: 20;
}
</fx:Style>
<s:layout>
<s:VerticalLayout/>
</s:layout>
<s:Panel title="Rotated Axis Labels">
<s:layout>
<s:VerticalLayout/>
</s:layout>
<mx:ColumnChart id="column"
dataProvider="{srv.lastResult.data.result}"
showDataTips="true">
<mx:horizontalAxis>
<mx:CategoryAxis id="a1"
categoryField="month"
title="FY 2010"/>
</mx:horizontalAxis>
<mx:verticalAxis>
<mx:LinearAxis id="a2"/>
</mx:verticalAxis>
<mx:horizontalAxisRenderers>
<mx:AxisRenderer labelRotation="-90" axis="{a1}"/>
</mx:horizontalAxisRenderers>
<mx:verticalAxisRenderers>
<mx:AxisRenderer labelRotation="45" axis="{a2}"/>
</mx:verticalAxisRenderers>
<mx:series>
<mx:ColumnSeries displayName="Profit"
xField="month"
yField="profit"/>
<mx:ColumnSeries displayName="Expenses"
xField="month"
yField="expenses"/>
</mx:series>
</mx:ColumnChart>
<mx:Legend dataProvider="{column}"/>
</s:Panel>
</s:Application>
http://help.adobe.com/zh_CN/flex/using/WS2db454920e96a9e51e63e3d11c0bf65816-7fe5.html
- 大小: 35.4 KB
分享到:
相关推荐
很全面的flex教程,里面的实例也很丰富~~不过是英文的~~
Flash Builder 4 and Flex 4 宝典
Flash Builder 4 and Flex 4 Bible
flex builder4 又叫 flash builder 4
flex、flash builder注册表单、LinkButton、AnimateColor
Flash.Builder.4.&.Flex.4 Flex4 一本学习Flash Builder的及时雨
第一章 Flash Builder 4 背景 1.1 从Flex Builder到Flash Builder 第二章 Flash Builder 4 界面 2.1 主界面 2.2 主菜单 2.3 工具条 2.4 主要窗口 ·第三章 Flash Builder 4 新特性 3.1 Package explorer 3.2...
Eclipse3.5集成Flex_Builder3或Flash_Builder4
用Flex/Flash Builder开发手机应用 书中讲的比较全面 开发环境 用户界面和布局与桌面的不同之处 等等
使用 Flex 和 Flash Builder 开发手机应用程序 目录 第 1 章: 入门 手机应用程序入门 手机、桌面和浏览器应用程序开发的差异 第 2 章: 开发环境 在 Flash Builder 中创建 Android 应用程序 在 Flash Builder 中...
[Flash Builder 4 and Flex 4 Bible] Flex 4 宝典 配套代码
Adobe Flex 4.5 发行版将 Flex 和 Adobe Flash Builder 带给智能手机和平板电脑。现在,利用 Adobe AIR,可以像在桌面 平台上一样在 Flex 中轻松而高质量地开发手机应用程序。 许多现有的 Flex 组件已扩展到移动设备...
FlashBuilder 快速入门 简体中文 Flex FlashBuilder 快速入门 简体中文 Flex
NULL 博文链接:https://elemark.iteye.com/blog/998301
如何将Flex3的项目加载到FlashBuilder4中去
来源于adobe.com,中文版。主要内容为在flex 4(flash builder 4)中进行数据绑定的方法。
Flash Builder 4.6(flex4.6)破解方式
flashbuilder 4 help pdf中文版 flex4帮助文档 比较详细 官方版 中文pdf版
flash builder4 想使用flex3的外观的话用这个包