Flex中如何通过lineStroke样式改变LineChart图表线条颜色的例子

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

Download: main.mxml

1. <?xml version="1.0"?>
2. <mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"
3. layout="vertical"
4. verticalAlign="middle"
5. backgroundColor="white">
7. <mx:Script>
8. <![CDATA[
9. import mx.styles.StyleManager;
10. ]]>
11. </mx:Script>
13. <mx:XMLListCollectionid="dp">
14. <mx:source>
15. <mx:XMLList>
16. <quotedate="8/27/2007" open="40.38" close="40.81" />
17. <quotedate="8/24/2007" open="40.5" close="40.41" />
18. <quotedate="8/23/2007" open="40.82" close="40.6" />
19. <quotedate="8/22/2007" open="40.4" close="40.77" />
20. <quotedate="8/21/2007" open="40.41" close="40.13" />
21. <quotedate="8/20/2007" open="40.55" close="40.74" />
22. <quotedate="8/17/2007" open="40.18" close="40.32" />
23. <quotedate="8/16/2007" open="39.83" close="39.96" />
24. <quotedate="8/15/2007" open="40.22" close="40.18" />
25. <quotedate="8/14/2007" open="41.01" close="40.41" />
26. <quotedate="8/13/2007" open="41" close="40.83" />
27. <quotedate="8/10/2007" open="41.3" close="41.06" />
28. <quotedate="8/9/2007" open="39.9" close="40.75" />
29. <quotedate="8/8/2007" open="39.61" close="40.23" />
30. <quotedate="8/7/2007" open="39.08" close="39.42" />
31. <quotedate="8/6/2007" open="38.71" close="39.38" />
32. <quotedate="8/3/2007" open="39.47" close="38.75" />
33. <quotedate="8/2/2007" open="39.4" close="39.52" />
34. <quotedate="8/1/2007" open="40.29" close="39.58" />
35. </mx:XMLList>
36. </mx:source>
37. </mx:XMLListCollection>
39. <mx:ApplicationControlBardock="true">
40. <mx:Buttonlabel="0xFF0000" click="closeSeries.setStyle('lineStroke', new Stroke(0xFF0000, 2, 0.4));" />
41. <mx:Buttonlabel="0xFF00FF" click="closeSeries.setStyle('lineStroke', new Stroke(0xFF00FF, 2, 1.0));" />
42. <mx:Buttonlabel="haloSilver" click="closeSeries.setStyle('lineStroke', new Stroke(StyleManager.getColorName('haloSilver'), 2, 1.0));" />
44. <mx:Spacerwidth="100%" />
46. <mx:LegenddataProvider="{lineChart}" />
47. </mx:ApplicationControlBar>
49. <mx:LineChartid="lineChart"
50. showDataTips="true"
51. dataProvider="{dp}"
52. width="100%"
53. height="100%">
55. <!-- series filters -->
56. <mx:seriesFilters>
57. <mx:Array/>
58. </mx:seriesFilters>
60. <!-- vertical axis -->
61. <mx:verticalAxis>
62. <mx:LinearAxisbaseAtZero="false" title="Price" />
63. </mx:verticalAxis>
65. <!-- horizontal axis -->
66. <mx:horizontalAxis>
67. <mx:CategoryAxisid="ca" categoryField="@date" title="Date" />
68. </mx:horizontalAxis>
70. <!-- horizontal axis renderer -->
71. <mx:horizontalAxisRenderers>
72. <mx:AxisRendereraxis="{ca}" canDropLabels="true" />
73. </mx:horizontalAxisRenderers>
75. <!-- series -->
76. <mx:series>
77. <mx:LineSeriesid="closeSeries" yField="@close" form="curve" displayName="Close">
78. <mx:lineStroke>
79. <mx:Strokecolor="haloGreen" weight="2" alpha="0.6" />
80. </mx:lineStroke>
81. </mx:LineSeries>
82. <mx:LineSeriesyField="@open" form="curve" displayName="Open">
83. <mx:lineStroke>
84. <mx:Strokecolor="haloOrange" weight="2" alpha="0.6" />
85. </mx:lineStroke>
86. </mx:LineSeries>
87. </mx:series>
88. </mx:LineChart>
90. </mx:Application>

本文转自:http://blog.minidx.com/2008/11/23/1644.html