1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87
| <?xml version="1.0"?>
<!-- charts/BasicLine.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" backgroundColor="#ffffff"
creationComplete="initApp()">
<mx:Script><![CDATA[
//http://examples.adobe.com/flex2/inproduct/sdk/dashboard/srcview/index.html
//http://www.stretchmedia.ca/code_examples/chart_range_selection/main.html
import mx.binding.utils.BindingUtils;
import mx.controls.Alert;
import mx.collections.ArrayCollection;
import mx.events.SliderEvent;
import mx.controls.sliderClasses.Slider;
[Bindable]
public var expenses:ArrayCollection = new ArrayCollection([
{i:1, date:"12/06/2007", value:990.0, value2:810},
{i:2, date:"13/06/2007", value:990.1, value2:810},
{i:3, date:"14/06/2007", value:990.2, value2:810},
{i:4, date:"15/06/2007", value:990.3, value2:810},
{i:5, date:"18/06/2007", value:990.7, value2:810},
{i:6, date:"19/06/2007", value:990.8, value2:810},
{i:7, date:"20/06/2007", value:990.9, value2:810},
{i:8, date:"21/06/2007", value:991.0, value2:810},
{i:9, date:"22/06/2007", value:991.1, value2:810} ]);
public function initApp():void {
}
]]></mx:Script>
<!-- Define custom Strokes. -->
<mx:Stroke id = "s1" color="blue" weight="0"/>
<mx:Stroke id = "s2" color="red" weight="0"/>
<mx:Panel title="Line Chart" width="500" height="500">
<mx:LineChart id="myChart"
dataProvider="{expenses}"
showDataTips="true"
height="269" width="467"
selectionMode="multiple"
paddingLeft="0" paddingRight="0" paddingTop="0" paddingBottom="0" >
<mx:verticalAxisRenderers>
<mx:AxisRenderer placement="left" axis="{v1}" />
<mx:AxisRenderer placement="right" axis="{v2}"/>
</mx:verticalAxisRenderers>
<mx:horizontalAxis>
<mx:CategoryAxis id="h1" dataProvider="{expenses}" categoryField="date"/>
</mx:horizontalAxis>
<mx:horizontalAxisRenderers>
<mx:AxisRenderer placement="bottom" axis="{h1}" canDropLabels="true"/>
</mx:horizontalAxisRenderers>
<mx:series>
<mx:LineSeries
id="serie1"
visible="true"
yField="value"
displayName="Profit Toto"
lineStroke="{s1}"
horizontalAxis="{h1}"
>
<mx:verticalAxis>
<mx:LinearAxis id="v1" baseAtZero="false"/>
</mx:verticalAxis>
</mx:LineSeries>
<mx:LineSeries
id="serie2"
visible="false"
yField="value2"
displayName="Expenses"
lineStroke="{s2}"
horizontalAxis="{h1}"
>
<mx:verticalAxis>
<mx:LinearAxis id="v2" baseAtZero="false" />
</mx:verticalAxis>
</mx:LineSeries>
</mx:series>
</mx:LineChart>
<mx:Legend dataProvider="{myChart}" width="207" height="22"/>
</mx:Panel>
</mx:Application> |
Partager