3325人阅读
Flex（188）
下面是完整代码(或察看)：
&?xml version="1.0"?&
&mx:Application&xmlns:mx="/2006/mxml"
& & & & layout="vertical"
& & & & verticalAlign="middle"
& & & & backgroundColor="white"&
& & &mx:Script&
& & & & &![CDATA[
& & & & & & import mx.styles.StyleM
& & & & ]]&
& & &/mx:Script&
& & &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:ApplicationControlBar&dock="true"&
& & & & &mx:Button&label="0xFF0000" click="closeSeries.setStyle('lineStroke', new Stroke(0xFF.4));" /&
& & & & &mx:Button&label="0xFF00FF" click="closeSeries.setStyle('lineStroke', new Stroke(0xFF00FF, 2, 1.0));" /&
& & & & &mx:Button&label="haloSilver" click="closeSeries.setStyle('lineStroke', new Stroke(StyleManager.getColorName('haloSilver'), 2, 1.0));" /&
& & & & &mx:Spacer&width="100%" /&
& & & & &mx:Legend&dataProvider="{lineChart}" /&
& & &/mx:ApplicationControlBar&
& & &mx:LineChart&id="lineChart"
& & & & & & showDataTips="true"
& & & & & & dataProvider="{dp}"
& & & & & & width="100%"
& & & & & & height="100%"&
& & & & &!-- series filters --&
& & & & &mx:seriesFilters&
& & & & & & &mx:Array&/&
& & & & &/mx:seriesFilters&
& & & & &!-- vertical axis --&
& & & & &mx:verticalAxis&
& & & & & & &mx:LinearAxis&baseAtZero="false" title="Price" /&
& & & & &/mx:verticalAxis&
& & & & &!-- horizontal axis --&
& & & & &mx:horizontalAxis&
& & & & & & &mx:CategoryAxis&id="ca" categoryField="@date" title="Date" /&
& & & & &/mx:horizontalAxis&
& & & & &!-- horizontal axis renderer --&
& & & & &mx:horizontalAxisRenderers&
& & & & & & &mx:AxisRenderer&axis="{ca}" canDropLabels="true" /&
& & & & &/mx:horizontalAxisRenderers&
& & & & &!-- series --&
& & & & &mx:series&
& & & & & & &mx:LineSeries&id="closeSeries" yField="@close" form="curve" displayName="Close"&
& & & & & & & & &mx:lineStroke&
& & & & & & & & & & &mx:Stroke&color="haloGreen" weight="2" alpha="0.6" /&
& & & & & & & & &/mx:lineStroke&
& & & & & & &/mx:LineSeries&
& & & & & & &mx:LineSeries&yField="@open" form="curve" displayName="Open"&
& & & & & & & & &mx:lineStroke&
& & & & & & & & & & &mx:Stroke&color="haloOrange" weight="2" alpha="0.6" /&
& & & & & & & & &/mx:lineStroke&
& & & & & & &/mx:LineSeries&
& & & & &/mx:series&
& & &/mx:LineChart&
&/mx:Application&
本文转自://1644.html
&&相关文章推荐
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：1661952次
积分：21671
积分：21671
排名：第298名
原创：355篇
转载：473篇
评论：1068条
(2)(2)(1)(1)(2)(1)(1)(2)(1)(4)(1)(3)(3)(2)(2)(4)(4)(4)(7)(3)(2)(2)(1)(1)(3)(5)(1)(18)(27)(12)(10)(17)(18)(6)(18)(33)(20)(21)(11)(14)(13)(14)(21)(3)(4)(12)(18)(13)(13)(14)(26)(35)(60)(89)(118)(26)(20)(22)(19)下次自动登录
现在的位置:
& 综合 & 正文
Flex中如何通过lineStroke样式改变LineChart图表线条颜色的例子
下面是完整(或察看)：
&?xml version="1.0"?&
&mx:Application xmlns:mx="/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white"&
&mx:Script&
import mx.styles.StyleM
&/mx:Script&
&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:ApplicationControlBar dock="true"&
&mx:Button label="0xFF0000" click="closeSeries.setStyle('lineStroke', new Stroke(0xFF.4));" /&
&mx:Button label="0xFF00FF" click="closeSeries.setStyle('lineStroke', new Stroke(0xFF00FF, 2, 1.0));" /&
&mx:Button label="haloSilver" click="closeSeries.setStyle('lineStroke', new Stroke(StyleManager.getColorName('haloSilver'), 2, 1.0));" /&
&mx:Spacer width="100%" /&
&mx:Legend dataProvider="{lineChart}" /&
&/mx:ApplicationControlBar&
&mx:LineChart id="lineChart"
showDataTips="true"
dataProvider="{dp}"
width="100%"
height="100%"&
&!-- series filters --&
&mx:seriesFilters&
&mx:Array /&
&/mx:seriesFilters&
&!-- vertical axis --&
&mx:verticalAxis&
&mx:LinearAxis baseAtZero="false" title="Price" /&
&/mx:verticalAxis&
&!-- horizontal axis --&
&mx:horizontalAxis&
&mx:CategoryAxis id="ca" categoryField="@date" title="Date" /&
&/mx:horizontalAxis&
&!-- horizontal axis renderer --&
&mx:horizontalAxisRenderers&
&mx:AxisRenderer axis="{ca}" canDropLabels="true" /&
&/mx:horizontalAxisRenderers&
&!-- series --&
&mx:series&
&mx:LineSeries id="closeSeries" yField="@close" form="curve" displayName="Close"&
&mx:lineStroke&
&mx:Stroke color="haloGreen" weight="2" alpha="0.6" /&
&/mx:lineStroke&
&/mx:LineSeries&
&mx:LineSeries yField="@open" form="curve" displayName="Open"&
&mx:lineStroke&
&mx:Stroke color="haloOrange" weight="2" alpha="0.6" /&
&/mx:lineStroke&
&/mx:LineSeries&
&/mx:series&
&/mx:LineChart&
&/mx:Application&
本文转自://1644.html
&&&&推荐文章:
【上篇】【下篇】君，已阅读到文档的结尾了呢~~
扫扫二维码，随身浏览文档
手机或平板扫扫即可继续访问
在Flex几个通用Chart图形中画指定值的线条（指定刻度的线条）[转]
举报该文档为侵权文档。
举报该文档含有违规或不良信息。
反馈该文档无法正常浏览。
举报该文档为重复文档。
推荐理由：
将文档分享至：
分享完整地址
文档地址：
粘贴到BBS或博客
flash地址：
支持嵌入FLASH地址的网站使用
html代码：
&embed src='/DocinViewer-4.swf' width='100%' height='600' type=application/x-shockwave-flash ALLOWFULLSCREEN='true' ALLOWSCRIPTACCESS='always'&&/embed&
450px*300px480px*400px650px*490px
支持嵌入HTML代码的网站使用
您的内容已经提交成功
您所提交的内容需要审核后才能发布，请您等待！
3秒自动关闭窗口flex LineChart用法总结 - 推酷
flex LineChart用法总结
以下是我最近做flex组件编程时的总结，是主要针对lineChart的，其中某些属性对同是有横纵坐标的columnChart、barChart等都有效，比如对背景的网格线、横纵坐标线条的粗细颜色和标签的设置都有效。
&?xml version=&1.0& encoding=&utf-8&?&
&mx:Application xmlns:mx=&/2006/mxml& layout=&absolute&
backgroundGradientColors=&[0xFFFFFF, 0xd5f3fa]& creationComplete=&myInit()&&&&&
&mx:Script&
import mx.collections.ArrayC
private function myInit() : void {
lineChart.dataProvider = D
public var Data:ArrayCollection = new ArrayCollection
([{name:&网络设备&,value:67,value1:55},
{name:&服务器&,value:66,value1:76},
{name:&中间件&,value:99,value1:69},
{name:&数据库&,value:87,value1:45}]);
&/mx:Script&
&!--定制坐标轴样式--&
&mx:Stroke id=&s1& weight=&3& color=&#5eaf60&/&
&mx:Stroke id=&s2& weight=&3& color=&#1144ef&/&
&mx:Stroke id=&ver1& weight=&1& color=&yellow& caps=&square&/&
&mx:VBox width=&100%& height=&100%&&
&!--showDataTips用来确定当鼠标放到线上面是时候提示信息--&
&mx:LineChart id=&lineChart& width=&300& height=&400& showDataTips=&true&&
&mx:backgroundElements&
&!--定制图表水平网格线,direction有horizontal(水平)、vertical(垂直)--&
&!--horizontalChangeCount可设置几个刻度显示一条网格线--&
&!--horizontalTickAligned用来确定坐标轴上的刻度和水平网格线位置的对应关系--&
&mx:GridLines direction=&horizontal& horizontalChangeCount=&1& horizontalTickAligned=&true&&
&mx:horizontalStroke&
&!--alpha透明度，weight线条的粗细大小--&
&mx:Stroke color=&red& weight=&2& alpha=&0.1&/&
&/mx:horizontalStroke&
&/mx:GridLines&
&/mx:backgroundElements&
&mx:horizontalAxis&
&!--ticksBetweenLabels用来确定坐标轴上的标签和刻度位置的对应关系;为false时，标签和刻度位置相对应--&
&mx:CategoryAxis id=&h1& categoryField=&name& ticksBetweenLabels=&false&/&
&/mx:horizontalAxis&
&mx:verticalAxis&
&!--baseAtZero用来确定坐标轴的刻度值时候从0开始;minimum=&0&防止出现负数--&
&!--minorInterval:y轴线条的间隔;interval:y轴数值的间隔--&
&mx:LinearAxis id=&v1& baseAtZero=&true& minimum=&0& interval=&20&/&
&/mx:verticalAxis&
&mx:horizontalAxisRenderers&
&!--tickPlacement横坐标的刻度显示方式,Eg:cross-跨横坐标线显示刻度--&
&!--color和fontSize是用来设置标签的--&
&mx:AxisRenderer axis=&{h1}& tickPlacement=&cross& axisStroke=&{ver1}& color=&red& fontSize=&12&/&
&/mx:horizontalAxisRenderers&
&mx:verticalAxisRenderers&
&mx:AxisRenderer axis=&{v1}& axisStroke=&{ver1}& color=&blue& fontSize=&14&/&
&/mx:verticalAxisRenderers&
&mx:series&
&!--lineStroke设置线条的粗细和颜色；form为线条的样式--&
&!--displayName用来设置提示该线条的名称--&
&mx:LineSeries xField=&name& yField=&value& lineStroke=&{s1}& form=&segment& displayName=&可用率&/&
&mx:LineSeries xField=&name& yField=&value1& lineStroke=&{s2}& form=&segment& displayName=&执行率&/&
&/mx:series&
&/mx:LineChart&
&/mx:VBox&
&/mx:Application&
已发表评论数()
请填写推刊名
描述不能大于100个字符!
权限设置： 公开
仅自己可见
正文不准确
标题不准确
排版有问题
主题不准确
没有分页内容
图片无法显示
视频无法显示
与原文不一致