ArrayCollection Element will nicht mit Chart

[denniz]

Hi Leute,

ich erstelle ein LineChart, befüllt wird es anhand einer ArrayCollection welche timestamps/prices enthält. Die Timestamp Jahre werden in der X Achse angezeigt.

Jetzt das Problem:
In der ArrayCollection gibt es ein Element das mir zu schaffen macht (ausgeklammert im Code), wenn man dieses Element in die AC aufnimmt wird die Zeitleiste falsch angezeigt.

Hat jemand eine Idee woran es liegt, funktioniert der Code bei euch?


(code auf das wesentliche reduziert)

<?xml version="1.0"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx">
		 <fx:Script>
			 <![CDATA[
				import mx.charts.*;
				import mx.collections.ArrayCollection;
				
				private var _year:Number;
				
				[Bindable]
				public var price_ac:ArrayCollection = new ArrayCollection([
							{ Price: 10,  Ts:1 }, //1970
							{ Price: 30, Ts:200000000 }, //1976
							{ Price: 10,  Ts:210000000 },
							{ Price: 10,  Ts:300000000 }, //1979
							{ Price: 30, Ts:300000001 },
							{ Price: 10,  Ts:300000002 },
							{ Price: 10,  Ts:300000003 },
							{ Price: 10,  Ts:300000004 },
							{ Price: 30,  Ts:300000005 },
							{ Price: 10,  Ts:300000006 },
							// { Price: 20,  Ts:300000007 }, // <-- bei Aufnahme zur AC, dann Zeitleiste falsch
							{Price: 10,  Ts:400000000 } //1982
						]);
				
				public function defineLabel(cat:Object, pcat:Object, ax:CategoryAxis, labelItem:Object):String {
					var actYear:Number = new Date(labelItem.Ts  * 1000).getFullYear();
					if(isNaN(_year) || (_year != actYear)){
						_year = actYear;
						return _year.toString(); //später über value.text ins label setzen
					}
					return null; //Wenn actYear == year dann null zurück
				}
		 
			]]>
		 </fx:Script>
 
    <mx:LineChart  dataProvider="{price_ac}" >
		
      <mx:horizontalAxis>
        <mx:CategoryAxis id="catAxis" categoryField="Ts" labelFunction="defineLabel" />
      </mx:horizontalAxis>
	  
      <mx:horizontalAxisRenderers>
        <mx:AxisRenderer  axis="{catAxis}" canDropLabels="true">
          <mx:labelRenderer>
            <fx:Component>
              <mx:Label>
                <fx:Script> 
					 <![CDATA[
						override public function set data(value:Object):void {
						  if (value != null && value.text != null) {
								//label mit jahr befüllen welches über defineLabel definiert wurde
								this.text = value.text; 
						  }
						}
					]]>
				  </fx:Script>
              </mx:Label>
            </fx:Component>
          </mx:labelRenderer>
        </mx:AxisRenderer>
      </mx:horizontalAxisRenderers>
	  
      <mx:series>
        <mx:LineSeries xField="Ts" yField="Price" />
      </mx:series>
	  
    </mx:LineChart>
</s:Application>

[denniz]

Das die Jahre nicht auf der x-Achse gerendert werden liegt an der canDropLabels property im AxisRenderer. Ist diese auf true werden die labels aus der Leiste entfernt sobald ein überlagerung entsteht.

Um numerische Werte auf der Achse darzustellen (wie in meinem Fall die Jahre) biete das chart package u.a. die DateTimeAxis klasse an.
Damit kann man sich auch den ganzen komplizierten kram mit dem horizontalAxisRenderers sparen und ist zudem noch um einiges schneller.

[blue]

Da weiß ich ja jetzt wen ich fragen muss, wenn's um charts geht

[Omega Psi]

Ich auch

[denniz]

Haha, alles klar, werd dann mein bestes geben ...