0

基本的に、フレックス ライン チャートがあり、x 軸は次のようになります。

 ---|--------|--------|--------|--------|--------|--------|---
 November December January February   March    April     May


これで問題ありませんが、次のように、月が属する年も表示したいと思います。

 ---|--------|--------|--------|--------|--------|--------|---
 November December January February   March    April     May
       2010           |                2011


私のデータプロバイダーは、次のような xml ドキュメントです。

<Chart>
    <Month count="1"  month="November" year="2010" />
    <Month count="5"  month="December" year="2010" />
    <Month count="0"  month="January"  year="2011" />
    <Month count="10" month="February" year="2011" />
    <Month count="3"  month="March"    year="2011" />
    <Month count="9"  month="April"    year="2011" />
    <Month count="3"  month="May"      year="2011" />
</Chart>


そして、これは私が LineChart コントロールのために持っているものです:

<mx:LineChart 
    height="100%" 
    width="100%" 
    dataProvider="{this._report.Month}">
    <mx:backgroundElements>
        <mx:GridLines>
            <mx:horizontalStroke>
                <mx:Stroke color="0x000000" weight="1" />
            </mx:horizontalStroke>
        </mx:GridLines>
    </mx:backgroundElements>
    <mx:horizontalAxisRenderers>
        <mx:AxisRenderer
            axis="{months}"
            axisStroke="{axis}"
            placement="bottom"
            tickLength="5"
            tickPlacement="outside"
            labelRotation="45">
            <mx:tickStroke>{ticks}</mx:tickStroke>
        </mx:AxisRenderer>
    </mx:horizontalAxisRenderers>
    <mx:verticalAxisRenderers>
        <mx:AxisRenderer
            axis="{countForMonths}"
            axisStroke="{axis}"
            placement="bottom"
            tickLength="5"
            tickPlacement="outside"
            minorTickPlacement="none">
            <mx:tickStroke>{ticks}</mx:tickStroke>
        </mx:AxisRenderer>
    </mx:verticalAxisRenderers>
    <mx:horizontalAxis>
        <mx:CategoryAxis id="months" categoryField="@month"/>
    </mx:horizontalAxis>
    <mx:verticalAxis>
        <mx:LinearAxis id="countForMonths" />
    </mx:verticalAxis>
    <mx:series>
        <mx:LineSeries
            yField="@count" 
            displayName="Report" 
            lineStroke="{myreportstroke}"/>
    </mx:series>
</mx:LineChart>


私は何時間もかけて、同様のことを行う例を見つけようとしましたが、うまくいきませんでした。Flex のドキュメントには、y 軸に複数の軸を示す例がいくつかありますが、x 軸にはありません。

同様のことをしたい他の人が投稿した他の質問をいくつか見ましたが、それらのほとんどは答えが得られなかったか、答えは複数の軸のドキュメントを参照することでした-これはすでに行っています。

Flex コンポーネントの 1 つについて、IBM サイトでこれを見つけました。これは、希望どおりに軸をフォーマットできることを示しているようです。私を正しい方向に導いてくれる人が必要なだけです。

4

1 に答える 1

0

非常に興味深い問題です。それを調べるつもりです。私の出発点はここになります：http://christianyates.com/blog/flex/displaying-multiple-axes-single-series-flex-charts

于 2010-11-04T12:46:43.987 に答える