Flex中如何利用seriesFilters属性,添加/删除LineChart图表曲线阴影

转载 2013年12月03日 17:08:02

Flex中如何利用seriesFilters属性,添加/删除LineChart图表曲线阴影

分类: flex 

  1. <?xml version="1.0"?>  
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"  
  3.         layout="vertical"  
  4.         verticalAlign="middle"  
  5.         backgroundColor="white" viewSourceURL="srcview/index.html">  
  6.   
  7.     <mx:Script>  
  8.         <!--[CDATA[  
  9.             private function init(evt:Event):void {  
  10.                 var chart:LineChart = evt.currentTarget as LineChart;  
  11.                 seriesFilterArr = chart.seriesFilters;  
  12.             }  
  13.   
  14.             private function checkBox_click(evt:MouseEvent):void {  
  15.                 var len:uint = lineChart.seriesFilters.length;  
  16.                 if (len > 0) {  
  17.                     lineChart.seriesFilters = [];  
  18.                 } else {  
  19.                     lineChart.seriesFilters = seriesFilterArr;  
  20.                 }  
  21.             }  
  22.         ]]-->  
  23.     </mx:Script>  
  24.   
  25.     <mx:XMLListCollection id="dp">  
  26.         <mx:source>  
  27.             <mx:XMLList>  
  28.                 <quote date="8/27/2007" open="40.38" close="40.81" />  
  29.                 <quote date="8/24/2007" open="40.5" close="40.41" />  
  30.                 <quote date="8/23/2007" open="40.82" close="40.6" />  
  31.                 <quote date="8/22/2007" open="40.4" close="40.77" />  
  32.                 <quote date="8/21/2007" open="40.41" close="40.13" />  
  33.                 <quote date="8/20/2007" open="40.55" close="40.74" />  
  34.                 <quote date="8/17/2007" open="40.18" close="40.32" />  
  35.                 <quote date="8/16/2007" open="39.83" close="39.96" />  
  36.                 <quote date="8/15/2007" open="40.22" close="40.18" />  
  37.                 <quote date="8/14/2007" open="41.01" close="40.41" />  
  38.                 <quote date="8/13/2007" open="41" close="40.83" />  
  39.                 <quote date="8/10/2007" open="41.3" close="41.06" />  
  40.             </mx:XMLList>  
  41.         </mx:source>  
  42.     </mx:XMLListCollection>  
  43.   
  44.     <mx:Array id="seriesFilterArr" />  
  45.   
  46.     <mx:ApplicationControlBar dock="true">  
  47.         <mx:CheckBox id="checkBox"  
  48.                 label="toggle series filters:"  
  49.                 labelPlacement="left"  
  50.                 click="checkBox_click(event);" />  
  51.     </mx:ApplicationControlBar>  
  52.   
  53.     <mx:LineChart id="lineChart"  
  54.             showDataTips="true"  
  55.             dataProvider="{dp}"  
  56.             width="100%"  
  57.             height="100%"  
  58.             creationComplete="init(event);">  
  59.   
  60.         <!-- vertical axis -->  
  61.         <mx:verticalAxis>  
  62.             <mx:LinearAxis baseAtZero="false" title="Price" />  
  63.         </mx:verticalAxis>  
  64.   
  65.         <!-- horizontal axis -->  
  66.         <mx:horizontalAxis>  
  67.             <mx:CategoryAxis id="ca" categoryField="@date" title="Date" />  
  68.         </mx:horizontalAxis>  
  69.   
  70.         <!-- horizontal axis renderer -->  
  71.         <mx:horizontalAxisRenderers>  
  72.             <mx:AxisRenderer axis="{ca}" canDropLabels="true" />  
  73.         </mx:horizontalAxisRenderers>  
  74.   
  75.         <!-- series -->  
  76.         <mx:series>  
  77.             <mx:LineSeries yField="@close" form="curve" displayName="Close" />  
  78.             <mx:LineSeries yField="@open" form="curve" displayName="Open" />  
  79.         </mx:series>  
  80.   
  81.     </mx:LineChart>  
  82.   
  83. </mx:Application>  

 

flex添加动态曲线(lineChart)

  • 2010年03月08日 17:07
  • 3KB
  • 下载

Android图表控件MPAndroidChart——曲线图LineChart(多条曲线)动态添加数据

Android图表控件MPAndroidChart——曲线图LineChart动态添加数据(X轴为当前时间)

flex3 添加图表中 linechart 线拐点样式

flex4(flash builder)调用Amf远程对象动态添加LineChart图表线条

flex4(flash builder)调用Amf远程对象动态添加LineChart图表线条,flex4加强数据源的支持,php的AMF 已经不是Amfphp 而是ZEND_AMF了!只是Zend的体...

LineChart结合xml实例-flex图表chart组件教程

http://www.36ria.com/375       flex图表组件功能非常强大,是制作各类报表的利器,但是网上和书上关于这方面的教程非常的缺乏,而鄙人正好在最近的项目中要用到这组件,写下...

Flex LineChart动态创建曲线

假如后台传到前台的数据格式是: [ {time:4, [{name:"技术响应时长", value:50%}], {name:"排除故障时长", value:50%}]}, {time:5, [...

flex4 动态获取对象属性,动态生成数据源,动态生成lineChart,清除数据。

1.该图表的数据源为ArrayCollection类型的arrayC 2.每增加一条线,其实就是增加一个数据源中的ArrayCollection每个对象的一个属性,且属性名不能重复 3.修改Arr...

关于利用Flex lineChart绘制类似win系统下资源管理器时序图的例子

最近因为项目需要,需要实现linechart下的数据及时推进效果,类似win系统中监控cup资源的折线图效果,推进方向是从右到左,后来又扩展了从左到右边的方式,具体见代码。 从右边到左边的推荐,样式没...

Flex3 LineChart动态添加数据源(动态添加线)

主要是为了解决当数据源不确定到底有几类数据的问题,只要动态添加线就可以了,LineChart这个组件可以先写出来,不多说直接上代码: ...

EXCEL曲线添加阴影

  • 2015年10月22日 12:26
  • 6KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Flex中如何利用seriesFilters属性,添加/删除LineChart图表曲线阴影
举报原因:
原因补充:

(最多只允许输入30个字)