<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Flex Examples &#187; verticalAxisRenderer</title>
	<atom:link href="http://blog.flexexamples.com/tag/verticalaxisrenderer/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.flexexamples.com</link>
	<description>Just a bunch of Adobe Flex Examples</description>
	<lastBuildDate>Wed, 26 Jan 2011 18:09:51 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Rotating labels in a Flex chart axis using the labelRotation style</title>
		<link>http://blog.flexexamples.com/2007/10/15/rotating-labels-in-a-flex-chart-axis-using-the-labelrotation-style/</link>
		<comments>http://blog.flexexamples.com/2007/10/15/rotating-labels-in-a-flex-chart-axis-using-the-labelrotation-style/#comments</comments>
		<pubDate>Tue, 16 Oct 2007 03:53:26 +0000</pubDate>
		<dc:creator>Peter deHaan</dc:creator>
				<category><![CDATA[BarChart]]></category>
		<category><![CDATA[Charting]]></category>
		<category><![CDATA[horizontalAxisRenderer]]></category>
		<category><![CDATA[labelRotation]]></category>
		<category><![CDATA[verticalAxisRenderer]]></category>

		<guid isPermaLink="false">http://blog.flexexamples.com/2007/10/15/rotating-labels-in-a-flex-chart-axis-using-the-labelrotation-style/</guid>
		<description><![CDATA[<p>The following example shows how you can rotate the vertical and horizontal axis renderer&#8217;s label by setting the labelRotation style.</p> <p>Full code after the jump.</p> <p></p> <p class="download"><a href="http://blog.flexexamples.com/wp-content/uploads/BarChart_labelRotation_test/main.mxml">View MXML</a></p> &#60;?xml version="1.0" encoding="utf-8"?&#62; &#60;!-- http://blog.flexexamples.com/2007/10/15/rotating-labels-in-a-flex-chart-axis-using-the-labelrotation-style/ --&#62; &#60;mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white"&#62; &#60;mx:Style&#62; @font-face { src: local("Arial"); font-family: EmbeddedArial; } BarChart { font-family: EmbeddedArial; } &#60;/mx:Style&#62; [...]]]></description>
			<content:encoded><![CDATA[<p>The following example shows how you can rotate the vertical and horizontal axis renderer&#8217;s label by setting the <code>labelRotation</code> style.</p>
<p>Full code after the jump.</p>
<p><span id="more-238"></span></p>
<p class="download"><a href="http://blog.flexexamples.com/wp-content/uploads/BarChart_labelRotation_test/main.mxml">View MXML</a></p>
<pre class="code">
&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;!-- http://blog.flexexamples.com/2007/10/15/rotating-labels-in-a-flex-chart-axis-using-the-labelrotation-style/ --&gt;
&lt;mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white"&gt;

    &lt;mx:Style&gt;
        @font-face {
            src: local("Arial");
            font-family: EmbeddedArial;
        }

        BarChart {
            font-family: EmbeddedArial;
        }
    &lt;/mx:Style&gt;

    &lt;mx:ArrayCollection id="arrColl"&gt;
        &lt;mx:source&gt;
            &lt;mx:Array&gt;
                &lt;mx:Object name="R Winn" obp=".353" slg=".445" avg=".300" /&gt;
                &lt;mx:Object name="P Feliz" obp=".290" slg=".418" avg=".253" /&gt;
                &lt;mx:Object name="O Vizquel" obp=".305" slg=".316" avg=".246" /&gt;
                &lt;mx:Object name="B Molina" obp=".298" slg=".433" avg=".276" /&gt;
                &lt;mx:Object name="R Durham" obp=".295" slg=".343" avg=".218" /&gt;
            &lt;/mx:Array&gt;
        &lt;/mx:source&gt;
    &lt;/mx:ArrayCollection&gt;

    &lt;mx:ApplicationControlBar dock="true"&gt;
        &lt;mx:Form&gt;
            &lt;mx:FormHeading label="labelRotation" /&gt;
            &lt;mx:FormItem label="horizontalAxisRenderer:"&gt;
                &lt;mx:HSlider id="horizontalLabelRotation"
                        minimum="-90"
                        maximum="90"
                        value="0"
                        liveDragging="true"
                        snapInterval="10"
                        tickInterval="10" /&gt;
            &lt;/mx:FormItem&gt;
            &lt;mx:FormItem label="verticalAxisRenderer:"&gt;
                &lt;mx:HSlider id="verticalLabelRotation"
                        minimum="-90"
                        maximum="90"
                        value="0"
                        liveDragging="true"
                        snapInterval="10"
                        tickInterval="10" /&gt;
            &lt;/mx:FormItem&gt;
        &lt;/mx:Form&gt;

        &lt;mx:Spacer width="100%" /&gt;

        &lt;mx:Legend dataProvider="{barChart}"/&gt;
    &lt;/mx:ApplicationControlBar&gt;

    &lt;mx:BarChart id="barChart"
             showDataTips="true"
             dataProvider="{arrColl}"
             width="100%"
             height="100%"&gt;

        &lt;!-- vertical axis --&gt;
        &lt;mx:verticalAxis&gt;
            &lt;mx:CategoryAxis categoryField="name" title="Player"/&gt;
        &lt;/mx:verticalAxis&gt;

        &lt;!-- vertical axis renderer --&gt;
        &lt;mx:verticalAxisRenderer&gt;
            &lt;mx:AxisRenderer labelRotation="{verticalLabelRotation.value}" /&gt;
        &lt;/mx:verticalAxisRenderer&gt;

        &lt;!-- horizontal axis renderer --&gt;
        &lt;mx:horizontalAxisRenderer&gt;
            &lt;mx:AxisRenderer labelRotation="{horizontalLabelRotation.value}" /&gt;
        &lt;/mx:horizontalAxisRenderer&gt;

        &lt;!-- series --&gt;
        &lt;mx:series&gt;
            &lt;mx:BarSeries id="obpSeries"
                    yField="name"
                    xField="obp"
                    displayName="obp" /&gt;
            &lt;mx:BarSeries id="slgSeries"
                    yField="name"
                    xField="slg"
                    displayName="slg" /&gt;
            &lt;mx:BarSeries id="avgSeries"
                    yField="name"
                    xField="avg"
                    displayName="avg" /&gt;
        &lt;/mx:series&gt;
    &lt;/mx:BarChart&gt;

&lt;/mx:Application&gt;
</pre>
<p class="information"><a href="http://blog.flexexamples.com/wp-content/uploads/BarChart_labelRotation_test/bin/srcview/index.html">View source</a> is enabled in the following example.</p>
<p><iframe src="http://blog.flexexamples.com/wp-content/uploads/BarChart_labelRotation_test/bin/main.html" width="100%" height="400"></iframe></p>
<div class="evernoteSiteMemory"><a href="javascript:" onclick="Evernote.doClip({title: 'Rotating labels in a Flex chart axis using the labelRotation style on FlexExamples.com',url: 'http://blog.flexexamples.com/2007/10/15/rotating-labels-in-a-flex-chart-axis-using-the-labelrotation-style/',contentID: 'post-238',code: 'Pete9667',suggestNotebook: 'FlexExamples',suggestTags: 'horizontalAxisRenderer,labelRotation,verticalAxisRenderer',providerName: 'FlexExamples.com',styling: 'text' });return false" class="evernoteSiteMemoryLink"><img src="http://static.evernote.com/article-clipper-remember.png" class="evernoteSiteMemoryButton" />
				</a>				<div class="evernoteSiteMemoryClear">&nbsp;</div>
</div>]]></content:encoded>
			<wfw:commentRss>http://blog.flexexamples.com/2007/10/15/rotating-labels-in-a-flex-chart-axis-using-the-labelrotation-style/feed/</wfw:commentRss>
		<slash:comments>24</slash:comments>
		</item>
	</channel>
</rss>

