Hi everyone,
I have a multiple series graph: ColumnSeries and LineSeries.
How can I modify the value displayed in my ColumnSeries datatip?
The value is a numeric value like 20465.
I would like to apply a numberFormatter to the value displayed in the
ColumnSeries datatip without affecting the LineSeries datatip. Is
this possible?
This is my code:
<mx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.collections.ArrayCollection;
import mx.rpc.events.ResultEvent;
import mx.printing.FlexPrintJob;
import mx.graphics.codec.IImageEncoder;
import mx.graphics.codec.JPEGEncoder;
import mx.graphics.ImageSnapshot;
import mx.core.IUIComponent;
import mx.formatters.NumberFormatter;
import mx.charts.chartClasses.IAxisRenderer;
[Bindable]
public var ArrayImportationLive:ArrayCollection = new ArrayCollection;
[Bindable]
private var XMLImportationLive:XML;
private function get_importationLive(event:ResultEvent):void
{
ArrayImportationLive.removeAll();
XMLImportationLive = event.result as XML;
for each(var ourxml:XML in XMLImportationLive.elements() )
ArrayImportationLive.addItem(ourxml);
}
private function axisSymbol
(axis:IAxisRenderer,percent_value:String):String
{
return percent_value + "%";
}
private function axisFormatThousand
(axis:IAxisRenderer,format:String):String
{
return numberFormatter.format(format);
}
]]>
</mx:Script>
<mx:NumberFormatter id="numberFormatter"/>
<mx:LinearAxis id="int_5000" interval="5000"/>
<mx:LinearAxis id="percent" interval="10" maximum="100"/>
<mx:HTTPService url="xml.php" useProxy="false" method="POST"
id="importationLive" resultFormat="e4x" result="get_importationLive
(event)"/>
<mx:ColumnChart id="S_Res" type="overlaid" dataProvider="{Array}"
showDataTips="true">
<mx:horizontalAxis>
<mx:CategoryAxis id="H_ArrayImportationLive" dataProvider="{Array}"
categoryField="period"/>
</mx:horizontalAxis>
<mx:horizontalAxisRenderers>
<mx:AxisRenderer placement="bottom" axis="{H_ArrayImportationLive}"/>
</mx:horizontalAxisRenderers>
<mx:verticalAxisRenderers>
<mx:AxisRenderer placement="left" axis="{int_5000}"
labelFunction="axisFormatThousand"/>
<mx:AxisRenderer placement="right" axis="{percent}"
labelFunction="axisSymbol"/>
</mx:verticalAxisRenderers>
<mx:series>
<mx:ColumnSeries verticalAxis="{int_5000}" yField="in"
displayName="In"/>
<mx:ColumnSeries verticalAxis="{int_5000}" yField="out"
displayName="Out"/>
<mx:LineSeries verticalAxis="{percent}" yField="rate"
displayName="Rate"/>
<mx:LineSeries verticalAxis="{percent}" yField="avg"
displayName="Average"/>
</mx:series>
</mx:ColumnChart>
<mx:Legend dataProvider="{S_Res}" direction="horizontal"/>
This is my XML:
<?xml version='1.0' encoding='UTF-8' ?>
<data>
<result>";
<period>Today</period>
<in>45632</in>
<out>32654</out>
<rate>78%</rate>";
<avg>66%</avg>";
</result>";
Thank you
-David.