0

ここで何かが欠けているに違いありません。これは、「Flex チャート作成の開始」チュートリアルで対処される非常に基本的な問題のように思われるからです。ただし、私が見つけたのは、dataProvider が変更されるたびにグラフが自動的に更新されるというヒントだけでした。気をつけて、ヒント。

これは私のマークアップです:

<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" title="econemon Sensor Simulator">
    <!-- ... -->
    <mx:Script source="SimulatorFunctions.as" />
    <mx:HDividedBox left="0" top="0" bottom="0" right="0">
        <!-- ... -->
        <mx:VDividedBox width="75%" height="100%">
            <mx:PlotChart width="100%" height="33%" dataProvider="{xmlDataTest}">
                <mx:horizontalAxis>
                    <mx:DateTimeAxis dataUnits="seconds" displayLocalTime="true" parseFunction="dtFromUnixtime"/>
                </mx:horizontalAxis>
                <mx:series>
                    <mx:LineSeries xField="dt" yField="fltValue" displayName="Testkurve" />
                </mx:series>
            </mx:PlotChart>
            <mx:Panel width="100%" height="66%">
                <mx:Button label="Start" click="vDataStart()" />
                <mx:Button label="Stop" click="vDataStop()" />
            </mx:Panel>
        </mx:VDividedBox>
    </mx:HDividedBox> 
</mx:WindowedApplication>

そして、これは私の ActionScript の一部です:

[Bindable]
public var xmlDataTest:Array = [
        { dt: "1230908694", fltValue: "50.4" },
        // ...
        { dt: "1230909594", fltValue: "35.4" }
]

public var dflt:Number = 10.0;
public var timData:Timer = new Timer(3000);

// ...

public function vDataStart():void
{
    if (!timData.running) {
        timData.addEventListener(TimerEvent.TIMER, vAppendDatum);
        timData.start();
    }
}

public function vDataStop():void
{
    if (timData.running) {
        timData.stop();
    }
}

public function vAppendDatum(evt:Event):void
{
    var dtNew:String;
    var fltNew:String;
    var fltT: Number;
    dtNew = String(Number(xmlDataTest[xmlDataTest.length - 1].dt) + 100);
    fltT = Number(xmlDataTest[xmlDataTest.length - 1].fltValue);
    if (fltT < 10.0 || fltT > 70) {
        dflt *= -1;
    }
    fltNew = String(fltT + dflt);
    xmlDataTest.push({ dt: dtNew, fltValue: fltNew });
    //trace("Datenpunkte: " + xmlDataTest.length);
}

「開始」ボタンをクリックすると、データ配列は 3 秒ごとに拡張されますが、画面上のチャートは同じままです。

4

2 に答える 2

7

これを見てください。Flex では、すべてのデータ構造クラス ( などArray) に対応する Collection (または CollectionView) クラスがあり、ラッパーとして機能します。などのラッパー関数を使用するとaddItem()、コレクションが変更されたことを通知するためにリッスンしているすべてのものにイベントがディスパッチされます。dataProvider をArrayCollectionその wrapsのインスタンスに設定する必要がありますxmlDataTest。

EDIT：また、私はもともとはっきりしていなかったので、ArrayCollectionラッパーを介して配列のすべての操作を行う必要があります。システムの残りの部分は、そのインターフェイスを通過しない、基礎となるデータに加えられた変更を知る方法がありません。

于 2009-01-02T22:21:04.713 に答える
1

rmeador が説明するように ArrayCollection にするのは正しいと思います。

関数でデータが更新された後にrefreshBindings()、PlotChartのメソッドを次のように呼び出すことで、これを回避できる場合があります。idOfPlotChart.refreshBindings();vAppendDatum

于 2009-01-02T22:25:15.483 に答える