Pie Chart "Key"

最新推荐文章于 2024-07-16 17:21:30 发布

原创最新推荐文章于 2024-07-16 17:21:30 发布 · 554 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#layout #application #library #encoding #import

flex 专栏收录该内容

18 篇文章

订阅专栏

Instead of waiting for RenderComplete, you can add another layout that
defines the legend. Here is a rough example:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
xmlns:axiis="http://www.axiis.org/2009"
xmlns:transitions="org.axiis.transitions.*"
xmlns:degrafa="http://www.degrafa.com/2007"
width="620" height="300">
<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
[Bindable]
private var dp:ArrayCollection = new ArrayCollection(
[
{label:'USA' , count:3},
{label:'Canada' , count:3},
{label:'Mexico' , count:4}
]
)
]]>
</fx:Script>
<s:BorderContainer width="100%" height="100%" borderVisible="false">
<s:layout>
<s:VerticalLayout paddingBottom="15" paddingLeft="10"
paddingRight="10" paddingTop="10"/>
</s:layout>
<s:VGroup>
<axiis:DataCanvas id="dc" width="250" height="250">
<axiis:layouts>
<axiis:WedgeStackLayout id="wedgeGroup"
dataProvider="{dp}"
angleGap="0"
innerRadiusRatio="0"
outerRadiusRatio="1"
labelRadiusRatio="1.07"
dataField="count"
labelField="label"
width="250"
height="250"
showDataTips="false"
fill="{wedgeFill}">
</axiis:WedgeStackLayout>
<axiis:VBoxLayout id="legendLayout"
x="300"
width="300"
height="300"
dataProvider="{dp}"
dataField="count"
showDataTips="false"
>
<axiis:drawingGeometries>
<degrafa:RasterText
id="legendText"
y="{legendLayout.currentReference.y+10}"
x="{legendLayout.currentReference.x+13}"
text="{legendLayout.currentDatum['label']}"
fontSize="10"
/>
<degrafa:RegularRectangle
id="legendSquare" width="10" height="10" fill="{legendFill}"
y="{legendLayout.currentReference.y+14}"/>
</axiis:drawingGeometries>
</axiis:VBoxLayout>
</axiis:layouts>
<axiis:palettes>
<axiis:LayoutAutoPalette id="wedgePalette" colorFrom="0x3914AF"
colorTo="0xFFD401" layout="{wedgeGroup}"/>
<axiis:LayoutAutoPalette id="legendPalette" colorFrom="0x3914AF"
colorTo="0xFFD401" layout="{legendLayout}"/>
</axiis:palettes>
<axiis:fills>
<degrafa:SolidFill id="wedgeFill"
color="{wedgePalette.currentColor}" />
<degrafa:SolidFill id="legendFill"
color="{legendPalette.currentColor}" />
</axiis:fills>
</axiis:DataCanvas>
</s:VGroup>
</s:BorderContainer>
</s:Application>