1

当被要求显示弹性图时，我们从外部源获取最小和最大时间，因此我们使用DateTimeAxis来显示时间 (x) 轴。正因为如此，我们不能硬编码labelUnitsand interval，但是默认实现还有一些不足之处。有人知道帮助 DateTimeAxis 自动配置labelUnits并且interval更有用的库吗？

在以下示例中，它在 01:04 放置第一个标签，在 01:18 放置下一个标签。什么？01:15 和下一个 01:30 将是用户友好的。输入interval="15", 我们得到 01:04 和 01:19 - 并没有好多少。

这是一个完整的例子。（省略labelUnits这些minimum并maximum导致根本没有标签，所以我把它放进去）：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal">
    <mx:DateFormatter id="df" formatString="JJ:NN:SS" />
    <mx:Script>
        <![CDATA[
            private const minimum:Date = new Date( "Apr 1 2011 01:03:54 AM");
            private const maximum:Date = new Date( "Apr 1 2011 03:07:54 AM");
            private function labelFunction(item:Object,
                                           field:String,
                                           index:Number):String {
                return df.format(item as Date);
            }
        ]]>
    </mx:Script>

    <mx:CartesianChart width="600" height="200">

        <mx:horizontalAxis>
            <mx:DateTimeAxis
                minimum = "{minimum}"
                maximum = "{maximum}"
                displayLocalTime="true"
                labelFunction="labelFunction"
                labelUnits="minutes"
            />
            <!--
                interval="15"
            -->
        </mx:horizontalAxis>

    </mx:CartesianChart>

</mx:Application>

给了这个弹性屏幕截图

我宁愿不必重新发明轮子并计算labelUnits并interval基于：

  • 最小和最大时间
  • 图的宽度
  • 字体大小
  • 还要别的吗？

所以我希望我错过了一些东西或 AutoDateTimeAxis 或一些这样的实现.. ;-) 你知道吗？

4

1 回答 1

1

我在 DateTimeAxis 上遇到了类似的问题，最终改用了类别轴，使用自定义标签函数来格式化日期标签。

如果您的范围同时跨越 DST 和非 DST，则与夏令时有一个类似的错误，该错误将重新出现，由于重叠中的额外/缺失时间，间隔将永远不会匹配。

于 2011-09-01T05:31:45.910 回答