I'm developing line chart in flex3 application, When I'm trying to display more information in single component it is rounding some x-axis values, but i want all values, how is it possible. My code is like
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" height="632" width="773" applicationActivate="init()">
<mx:Script>
<![CDATA[
private var __data:ArrayCollection;
private function init():void
{
var temp:ArrayCollection = new ArrayCollection();
for(var i:int = 10;i < 100;i++)
{
temp.addItem({x:"Item"+i,y:i*5});
}
__data = temp;
}
]]>
</mx:Script>
<mx:LineChart id="lineChart" showDataTips="true" dataProvider="{__data}" left="0" right="0" top="0" bottom="0">
<mx:backgroundElements>
<mx:GridLines direction="both"/>
</mx:backgroundElements>
<mx:verticalAxis>
<mx:LinearAxis alignLabelsToInterval="true" baseAtZero="true" title="Count" />
</mx:verticalAxis>
<mx:horizontalAxis>
<mx:CategoryAxis ticksBetweenLabels="false" id="ca" categoryField="x" title="Item Name" />
</mx:horizontalAxis>
<mx:horizontalAxisRenderers>
<mx:AxisRenderer axis="{ca}" canDropLabels="true" />
</mx:horizontalAxisRenderers>
<mx:series>
<mx:LineSeries buttonMode="true" doubleClickEnabled="true" selectable="true" useHandCursor="true" showInAutomationHierarchy="true" xField="x" yField="y" form="curve" displayName="Count" />
</mx:series>
</mx:LineChart>
<mx:Legend dataProvider="{lineChart}"/>
</mx:WindowedApplication>