0
Q
柔性圖表漸變填充
A
回答
1
我終於明白了。下面的代碼,如果你有興趣
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
[Bindable]
public var dummyData:ArrayCollection = new ArrayCollection([
{ x:10, y1: 2000, y2:1200 },
{ x:20, y1: 3000, y2:1000 },
{ x:30, y1: 2000, y2:1500 },
{ x:40, y1: 1800, y2:1200 },
{ x:50, y1: 2000, y2:1400 },
{ x:60, y1: 1500, y2:1200 },
{ x:70, y1: 2000, y2:1200 },
{ x:80, y1: 1500, y2:2000 },
{ x:90, y1: 1500, y2:2500 },
{ x:100, y1: 1800, y2:1700 },
{ x:110, y1: 2400, y2:1200 },
{ x:120, y1: 3000, y2:1500 },
{ x:130, y1: 200, y2:200 }
]);
]]>
</mx:Script>
<mx:Panel title="Area Chart">
<mx:AreaChart id="myChart" dataProvider="{dummyData}"
showDataTips="true" >
<mx:fill>
<mx:SolidColor color="#000000" />
</mx:fill>
<mx:horizontalAxis>
<mx:CategoryAxis
dataProvider="{dummyData}"
categoryField="x"
/>
</mx:horizontalAxis>
<mx:series>
<mx:AreaSeries yField="y1" displayName="y1">
<mx:areaStroke>
<mx:Stroke color="#00688B" weight="2"/>
</mx:areaStroke>
<mx:areaFill>
<mx:LinearGradient angle="90">
<mx:entries>
<mx:GradientEntry color="#00688B" alpha="0.8" />
<mx:GradientEntry color="#005B79" alpha="0.8" />
<mx:GradientEntry color="#00475F" alpha="0.8" />
<mx:GradientEntry color="#003445" alpha="0.5" />
<mx:GradientEntry color="#002734" alpha="0.5" />
<mx:GradientEntry color="#00131A" alpha="0.5" />
<mx:GradientEntry color="#000000" alpha="0.2" />
</mx:entries>
</mx:LinearGradient>
</mx:areaFill>
</mx:AreaSeries>
<mx:AreaSeries yField="y2" displayName="y2">
<mx:areaStroke>
<mx:Stroke color="#FF7D40" weight="2"/>
</mx:areaStroke>
<mx:areaFill>
<mx:LinearGradient angle="90">
<mx:entries>
<mx:GradientEntry color="#FF7D40" alpha="0.8" />
<mx:GradientEntry color="#EF753C" alpha="0.8" />
<mx:GradientEntry color="#DF6D38" alpha="0.8" />
<mx:GradientEntry color="#AF552C" alpha="0.5" />
<mx:GradientEntry color="#6F361C" alpha="0.5" />
<mx:GradientEntry color="#4F2714" alpha="0.5" />
<mx:GradientEntry color="#000000" alpha="0.2" />
</mx:entries>
</mx:LinearGradient>
</mx:areaFill>
</mx:AreaSeries>
</mx:series>
</mx:AreaChart>
</mx:Panel>
</mx:Application>
相關問題
- 1. WPF圖表刪除漸變填充
- 2. 柔性div的背景漸變填充,無論是使用CSS或圖像?
- 3. 柔性盒和填充?
- 4. 漸變填充react-highcharts的折線圖
- 5. 漸變不填充IBDesignable UIView
- 6. 用漸變填充geom_tile
- 7. 矩形漸變填充
- 8. 柔性圖表API
- 9. 漸變填充和畫布大小?
- 10. 漸變色填充拉斐爾
- 11. NSWindow紋理漸變填充怪異
- 12. 基於列值的漸變填充
- 13. 具有漸變填充的NSView?
- 14. SVG使用和漸變作爲填充
- 15. ggplot漸變填充不起作用
- 16. 使用jQuery進行漸變填充?
- 17. 在iOS上用漸變填充路徑
- 18. vb6:用漸變填充多邊形
- 19. 如何用傾斜漸變填充CAShapeLayer?
- 20. 如何創建UIBezierPath漸變填充?
- 21. 三向色彩漸變填充r
- 22. PDF生成庫支持漸變填充
- 23. 畫布繪製用線性漸變填充圓角矩形
- 24. 有沒有辦法在對角線上填充線性漸變?
- 25. SVG線性漸變填充不透明度梯度
- 26. 繪製圖像與圓角,邊框和漸變填充C#
- 27. 如何獲得垂直漸變填充matlab繪圖
- 28. 如何使漸變色填充時間序列圖R
- 29. 如何用3種隨機顏色的漸變填充圖像?
- 30. sencha觸摸圖:將漸變色應用於線填充
非常有用的+1 :) – 2011-06-24 11:52:29