如何在 Flex 折线图的水平轴上显示按年份分组的月份？

Question

基本上我有一个 Flex 折线图，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 轴。

我看到其他人提出的其他几个问题想要做类似的事情，但他们中的大多数人从未得到答案，或者答案是查看多个轴的文档 - 我已经完成了。

我发现 此位于 IBM 站点上，用于其 Flex 组件之一。这似乎表明可以按照我想要的方式格式化轴。我只需要有人引导我走向正确的方向。

Answer 1

非常有趣的问题。要去调查一下。我的起点将在这里： http://christianyates .com/blog/flex/displaying-multiple-axes-single-series-flex-charts