1

我正在制作一个图表，其中 x 轴需要有日期和 y 轴名称。日期越晚，条的长度越长。但是我想在彼此上堆叠多个条形图。例如

这是我到目前为止的代码

<fx:Script>
    <![CDATA[

        import mx.collections.ArrayCollection;

        [Bindable]
        private var medicines:ArrayCollection = new ArrayCollection([
            {name:"pil1", date:"05/01/2008"},
            {name:"pil2", date:"06/01/2008"},
            {name:"pil3", date:"07/01/2008"},
        ]);
    ]]>
</fx:Script>



<mx:BarChart id="myChart" width="758" height="448" dataProvider="{medicines}" showDataTips="true">

    <mx:verticalAxis>
        <mx:CategoryAxis categoryField="name"/>
    </mx:verticalAxis>

    <mx:horizontalAxis>
        <mx:CategoryAxis categoryField="date" dataProvider="{medicines}"/>
    </mx:horizontalAxis>

    <mx:series>

        <mx:BarSet type="stacked">
            <mx:BarSeries  xField="date"/>
            <mx:BarSeries  xField="date"/>
        </mx:BarSet>
    </mx:series>

</mx:BarChart>

我用这段代码得到的是正确的轴，但没有绘制条形图。

我想得到一个像这个图一样的图表，但在 X 轴上应该有固定日期。

仅供参考，它是一个移动应用程序。

4

1 回答 1

0 
<fx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            import mx.events.FlexEvent;

            [Bindable]
            private var medicines:ArrayCollection = new ArrayCollection([
                {name:"pil1", date:new Date(2008, 5, 1).time},
                {name:"pil2", date:new Date(2008, 6, 1).time},
                {name:"pil3", date:new Date(2008, 7, 1).time},
            ]);

            protected function application3_creationCompleteHandler(event:FlexEvent):void
            {
                // TODO Auto-generated method stub
            }

            private function getLabel(catValue:*, prevCatValue:*, axis:*, catItem:*):String
            {

                return "Your date String";
            }

        ]]>
    </fx:Script>



    <mx:BarChart id="myChart" width="758" height="448" dataProvider="{medicines}" showDataTips="true">

        <mx:verticalAxis>
            <mx:CategoryAxis categoryField="name"/>
        </mx:verticalAxis>

        <mx:horizontalAxis>
            <mx:CategoryAxis categoryField="date" dataProvider="{medicines}" labelFunction="{getLabel}"/>
        </mx:horizontalAxis>

        <mx:series>

            <mx:BarSet type="stacked">
                <mx:BarSeries  xField="date"/>
                <mx:BarSeries  xField="date"/>
            </mx:BarSet>
        </mx:series>

    </mx:BarChart>



</s:Application>

在标签功能中，您可以给标签您想在轴上显示的内容，希望这会有所帮助

于 2012-04-13T10:13:04.343 回答