flex chart 坐标标签角度旋转

秒速五厘米 2022-08-06 15:07 224阅读 0赞

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"

layout="vertical"

verticalAlign="middle"

backgroundColor="white">

<mx:Style>

@font-face \{

src: local("Arial");

font-family: EmbeddedArial;

BarChart \{

font-family: EmbeddedArial;

</mx:Style>

<mx:ArrayCollection id="arrColl">

<mx:source>

<mx:Array>

<mx:Object name="R Winn" obp=".353" slg=".445" avg=".300" />

<mx:Object name="P Feliz" obp=".290" slg=".418" avg=".253" />

<mx:Object name="O Vizquel" obp=".305" slg=".316" avg=".246" />

<mx:Object name="B Molina" obp=".298" slg=".433" avg=".276" />

<mx:Object name="R Durham" obp=".295" slg=".343" avg=".218" />

</mx:Array>

</mx:source>

</mx:ArrayCollection>

<mx:ApplicationControlBar dock="true">

<mx:Form>

<mx:FormHeading label="labelRotation" />

<mx:FormItem label="horizontalAxisRenderer:">

<mx:HSlider id="horizontalLabelRotation"

minimum="-90"

maximum="90"

value="0"

liveDragging="true"

snapInterval="10"

tickInterval="10" />

</mx:FormItem>

<mx:FormItem label="verticalAxisRenderer:">

<mx:HSlider id="verticalLabelRotation"

minimum="-90"

maximum="90"

value="0"

liveDragging="true"

snapInterval="10"

tickInterval="10" />

</mx:FormItem>

</mx:Form>

<mx:Spacer width="100%" />

<mx:Legend dataProvider="\{barChart\}"/>

</mx:ApplicationControlBar>

<mx:BarChart id="barChart"

showDataTips="true"

dataProvider="\{arrColl\}"

width="100%"

height="100%">

<mx:verticalAxis>

<mx:CategoryAxis categoryField="name" title="Player"/>

</mx:verticalAxis>

<mx:verticalAxisRenderer>

<mx:AxisRenderer labelRotation="\{verticalLabelRotation.value\}" />

</mx:verticalAxisRenderer>

<mx:horizontalAxisRenderer>

<mx:AxisRenderer labelRotation="\{horizontalLabelRotation.value\}" />

</mx:horizontalAxisRenderer>

<mx:series>

<mx:BarSeries id="obpSeries"

yField="name"

xField="obp"

displayName="obp" />

<mx:BarSeries id="slgSeries"

yField="name"

xField="slg"

displayName="slg" />

<mx:BarSeries id="avgSeries"

yField="name"

xField="avg"

displayName="avg" />

</mx:series>

</mx:BarChart>

</mx:Application>

flex chart 坐标标签角度旋转

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 java旋转base64位，自定义旋转角度角度

相关 Arcmap投影旋转角度

相关 Chart.js 旋转支持屏幕旋转与窗口旋转

相关 java 绕某点旋转_计算某点围绕目标点旋转一定角度后的新坐标

相关 unity 世界坐标间角度_Unity 世界坐标&局部坐标下的旋转

相关 opencv角度旋转

相关 JavaScirpt 已知某一点坐标、线段长度和旋转角度，求另一点坐标

相关 Flex 4 : Chart 控件

相关 flex chart 坐标标签角度旋转

相关图片任意角度旋转