apache-flex - Flexのチャートで、指定された数のマイナーティックをメジャーティック軸の間に挿入する方法は?

Question

ユーザー入力に基づいて、縦棒グラフの縦軸の 2 つの目盛りの間に特定の数の小目盛りを描画する必要があります。

例: ユーザーが「小目盛りの数」として 2 を指定している場合、軸の 2 つの目盛りの間に 2 つの小目盛りが必要です。Flex デカルト チャートでこれを行うにはどうすればよいですか。

前もって感謝します。

Answer 1

まず、LinearAxisその場合の軸として使用します。

LinearAxisコンテナintervalとminorIntervalプロパティ。大目盛りの間にN小目盛りを見たい場合は、次のようにします。

axis.minorInterval = axis.interval / (N+1)

注意: 小目盛りは常に描画されるため、大目盛りに表示されないようにする場合は、適切なストロークと配置を選択する必要があります。

これは、主要な目盛りの間に 3 つの小さな目盛りがあるグラフの例です (申し訳ありませんが、横軸を作成しました...しかし、それはあなたにとってあまり重要ではないと思います):

                   >
<fx:Declarations>       

</fx:Declarations>
<fx:Script>
    <![CDATA[
        import mx.collections.ArrayCollection;
        import mx.events.ResizeEvent;

        [Bindable]
        public var arr:ArrayCollection = new ArrayCollection([{x:10, y:2},
            {x:1, y:2},
            {x:2, y:2},
            {x:3, y:3},
            {x:4, y:2},
            {x:5, y:2},
            {x:6, y:2}
            ]
        );
    ]]>
</fx:Script>
<mx:LineChart dataProvider="{arr}" width="100%" height="100%">
    <mx:horizontalAxis>
        <mx:LinearAxis 
            id="a"
            interval="4" 
            minorInterval="1"
            maximumLabelPrecision="4"                       
            />
    </mx:horizontalAxis>
    <mx:horizontalAxisRenderers>
        <mx:AxisRenderer id="ax" axis="{a}" minorTickLength="5" tickLength="10"
                         minorTickPlacement="outside"                            
                         tickPlacement="outside"                             
                         >
            <mx:minorTickStroke>
                <s:SolidColorStroke />
            </mx:minorTickStroke>   
        </mx:AxisRenderer>
    </mx:horizontalAxisRenderers>
    <mx:series>
        <mx:LineSeries yField="y" xField="x" >              
        </mx:LineSeries>
    </mx:series>
</mx:LineChart>