Flex DateTimeAxis 重复轴标签值

Question

这个简单的代码在水平日期时间轴上的 2 个位置上生成 11 月 7 日：

<mx:Application 
        xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Script>
        <![CDATA[
            import mx.charts.series.LineSeries;
            import mx.collections.ArrayCollection;

            [Bindable]
            public var ac:ArrayCollection = new ArrayCollection(
                [
                    {completions: "11636", date: new Date(2010, 10, 7)}, 
                    {completions: "33060", date: new Date(2010, 10, 8)}, 
                ]);
        ]]>
    </mx:Script>

    <mx:Panel title="Bar Chart">
        <mx:BarChart id="myChart" 
                      dataProvider="{ac}">
            <mx:horizontalAxis>
                <mx:DateTimeAxis dataUnits="days" 
                                 displayLocalTime="true"/>
            </mx:horizontalAxis>
            <mx:series>
                <mx:LineSeries xField="date" yField="completions"/>
            </mx:series>
        </mx:BarChart>
    </mx:Panel>
</mx:Application>

将日期更改为 11 月 8 日和 9 日，一切都很好......

有人知道如何解决此问题吗？

Answer 1

看起来它与 UTC 时间有关，因为这修复了它：

<mx:DateTimeAxis dataUnits="days" displayLocalTime="true" labelFunction="formatDate"/>

public function formatDate(value:Date, prev:Date, axis:IAxis):String
{
    return dateFormatter.format(new Date(value.fullYear, value.month, value.dateUTC));
}

但是，我不想这样做......

Answer 2

首先，好人输入了整个应用程序代码（方便运行）。

复制它并在 Flex Builder 3 中运行它，它给了我两个日期：10/11/7 和 10/11/8。这就是您正在寻找的内容（假设该月份是从零开始的）。一定是地域问题。

这是第一次约会的调试视图，也许可以根据您的查看详细信息（注意时间偏移）

Answer 3

布莱恩·毕肖普提到了时区偏移，这让我开始思考。这是一个更简单的应用程序：

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"
               creationComplete="application1_creationCompleteHandler(event)">

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

            protected function application1_creationCompleteHandler(event:FlexEvent):void
            {
                var d1:Date = new Date(2010, 10, 7);
                var d2:Date = new Date(2010, 10, 8);
                // put breakpoint here...
            }
        ]]>
    </fx:Script>    

</s:Application>

这是我的机器（在丹佛）上的属性（注意 timezoneOffset 属性。我怀疑差异是因为 11/7 是夏令时）：

由于某种原因，带有 displayLocalTime=true 的 datetimeaxis 将 d2.date 转换为 7 而不是 8。

Answer 4

我在我的应用程序中使用以下函数进行日期比较，而不是使用 new Date(obj) ，它对我有用。您也可以尝试一下！
注意：在我的例子中，“value”参数是一个字符串“02/07/2011”。

private function isoToDate(value:String):Date
        {
            var dateStr:String=value;
            dateStr=dateStr.replace(/\-/g, "/");
            dateStr=dateStr.replace("T", " ");
            dateStr=dateStr.replace("Z", " GMT-0000");
            dateStr=dateStr.substr(0, dateStr.lastIndexOf("/"));
            return new Date(Date.parse(dateStr));
        }