Flex中如何通过设置GridLines对象的horizontalAlternateFill样式交错显示LineSeries图表背景颜色的例子...

Flex中如何通过设置GridLines对象的horizontalAlternateFill样式交错显示LineSeries图表背景颜色的例子

原文 http://blog.minidx.com/2008/11/27/1652.html

接下来的例子演示了Flex中如何通过设置GridLines对象的horizontalAlternateFill样式，交错显示LineSeries图表背景颜色。

让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：

下面是完整代码(或点击这里察看)：

Download: main.mxml

<?xmlversion="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">
<mx:XMLListCollection id="dp">
<mx:source>
<mx:XMLList>
<quote date="8/27/2007"open="40.38"close="40.81"/>
<quote date="8/24/2007"open="40.5"close="40.41"/>
<quote date="8/23/2007"open="40.82"close="40.6"/>
<quote date="8/22/2007"open="40.4"close="40.77"/>
<quote date="8/21/2007"open="40.41"close="40.13"/>
<quote date="8/20/2007"open="40.55"close="40.74"/>
<quote date="8/17/2007"open="40.18"close="40.32"/>
<quote date="8/16/2007"open="39.83"close="39.96"/>
<quote date="8/15/2007"open="40.22"close="40.18"/>
<quote date="8/14/2007"open="41.01"close="40.41"/>
<quote date="8/13/2007"open="41"close="40.83"/>
<quote date="8/10/2007"open="41.3"close="41.06"/>
<quote date="8/9/2007"open="39.9"close="40.75"/>
<quote date="8/8/2007"open="39.61"close="40.23"/>
<quote date="8/7/2007"open="39.08"close="39.42"/>
<quote date="8/6/2007"open="38.71"close="39.38"/>
<quote date="8/3/2007"open="39.47"close="38.75"/>
<quote date="8/2/2007"open="39.4"close="39.52"/>
<quote date="8/1/2007"open="40.29"close="39.58"/>
</mx:XMLList>
</mx:source>
</mx:XMLListCollection>
<mx:LineChart id="lineChart"
showDataTips="true"
dataProvider="{dp}"
width="100%"
height="100%">
<mx:backgroundElements>
<mx:GridLines>
<mx:horizontalAlternateFill>
<mx:SolidColor color="haloSilver"alpha="0.25"/>
</mx:horizontalAlternateFill>
</mx:GridLines>
</mx:backgroundElements>
<mx:verticalAxis>
<mx:LinearAxis baseAtZero="false"title="Price"/>
</mx:verticalAxis>
<mx:horizontalAxis>
<mx:CategoryAxis id="ca"categoryField="@date"title="Date"/>
</mx:horizontalAxis>
<mx:horizontalAxisRenderers>
<mx:AxisRenderer axis="{ca}"canDropLabels="true"/>
</mx:horizontalAxisRenderers>
<mx:series>
<mx:LineSeries yField="@open"form="curve"displayName="Open"/>
</mx:series>
</mx:LineChart>
</mx:Application>

代码：Peter deHaan 翻译/整理/编译：中文Flex例子

posted on 2013-09-12 09:42 NET未来之路阅读(...) 评论(...) 编辑收藏

转载于:https://www.cnblogs.com/lonelyxmas/p/3316169.html

Flex中如何通过设置GridLines对象的horizontalAlternateFill样式交错显示LineSeries图表背景颜色的例子...相关推荐

clion调整字体打下奥_Clion、IEDA、pycharm的一些简单设置步骤（设置中文菜单、输出中文、字体大小、背景颜色主题）...
Clion.IEDA.pycharm的设置及界面是一模一样的,下面我将按照Clion举例,但是在IEDA和pycharm是同样适用,按照方法设置即可一.中文界面 clion.ieda.pycharm ...
html 网页主题设置吗,如何使用css样式对html页面进行背景设置呢？
摘要: 下文讲述css样式对html页面的背景色.背景图片进行相关设置的方法分享,如下所示: 在html中,定义元素的背景信息,可以采用以下css属性,如下所示: css属性功能 background ...
【转】保护眼睛——设置WIN7和XP 窗体、Chrome、IE网页背景颜色
眼科医生建议电脑屏幕不要用白色,因为白色对眼睛的刺激是最大的,最损伤视力! 眼科医生推荐的颜色是柔和的淡绿色!也有人叫做绿豆沙色.只要稍微设置一下,就能让你电脑上的窗口从白花花的颜色变成淡淡的绿色. ...
【Pyecharts50例】图表背景颜色设置
前言自定义图表的背景颜色: 除了普通的颜色,也支持渐变色哦,渐变色的配置在之前文章中讲过,有兴趣可以前往[渐变色效果柱状图(直方图)-] 完整示例完整代码 #!/usr/bin/env pytho ...
csdn设置自己的博客代码和博客的背景颜色
好东西,一起来分享,自己设置博客背景的一些小技巧,拿去感觉好就关注一下: 设置自己的背景颜色 <table><tr><td bgcolor=#000322> 这里是 ...
html中div滚动条设置,DIV滚动条属性及样式设置方式
这里向大家描述一下DIV滚动条属性及样式设置,所谓DIV滚动条,就是利用DIV标签,在里面嵌入CSS样式表,加入overflow的属性值,这样,当div所规范的区域内的内容达到一定程序时,滚动条就派上 ...
html中li整体变色,想要点击一个li标签的时候li背景颜色改变同时a字体变色
样式如下: li{ display: block; width: 100px; height: 40px; line-height: 40px; list-style: none; border: 1 ...
flex中的架构，（举例UIComponent类的继承关系）
flex中的架构,(举例UIComponent类的继承关系) UIComponent > FlexSprite> Sprite >DisplayObjectContainer> ...
列举在Web前端开发中经常会设置的特殊样式！
在实际开发中,移动Web页面的设计风格更接近App(手机应用),而不是传统的网页.为了有更好的用户体验,我们可以给移动Web页面设置一些特殊样式.下面为列举在移动Web开发中经常会设置的特殊样式,具体 ...
列举在移动Web开发中经常会设置的特殊样式！
在实际开发中,移动Web页面的设计风格更接近App(手机应用),而不是传统的网页.为了有更好的用户体验,我们可以给移动Web页面设置一些特殊样式.下面为列举在移动Web开发中经常会设置的特殊样式,具体 ...

Flex中如何通过设置GridLines对象的horizontalAlternateFill样式交错显示LineSeries图表背景颜色的例子...

Flex中如何通过设置GridLines对象的horizontalAlternateFill样式交错显示LineSeries图表背景颜色的例子...相关推荐

最新文章

热门文章