创建一个时间表，从日期日期的Flex/AS3

Question

我需要2个中给出的日期之间创建一个时间表，即： 2006-01-20 - 2009-02-14

的时间表必须制定在给定的宽度（可以改变），即： 600px的

但我需要在这一年（每个73天aprox的）添加标记，一个在今年年初，和其他人的4倍：

任何提示吗？

Answer 1

我想在Flex图表包轴允许您在默认情况下做这样的格式。

如果需要做更多，Flex的图表也可以让您吸引他们的。这可能是你正在寻找的。

链接：http://livedocs.adobe.com/flex/3/html/help.html?content=charts_formatting_02.html

你当然可以，始终做到从零开始自己，如果你想要的，但你的时间上花费的金额可能不会抵消专业版的价格（要获得图表组件，除非你已经有了）。

Answer 2

我会从头开始创建，组件可能是基于画布组件上，并通过（行数或类似的东西将组件的宽度增加线路和标签 - 我不是在数学最好的）。

你也可以实现一个功能，弹出一个框信息，当用户将鼠标悬停在时间轴的某一部分。

你想要什么都有具体的时间表，功能图表轴没有。我不会为了这个特定的任务而使用不构建的组件，并引入错误或不合适的解决方法。 Flex是为快速扩展而构建的，所以为什么不利用这个特性呢？

编辑：公式 要获得刻度线的位置，你就必须由蜱减一的数量来划分时间线的宽度。假设我们有一个包含5个刻度的400px时间轴（计算时间轴远端的时间轴）。我们计数从0开始的滴答。我们所要做的所有的操作都是将400除以4，并将其乘以滴答数。

在代码：

for (var i : int = 0; i < num_ticks; i++) { 
    ticks[i].x = timeline_width/num_ticks-1 * i; 
    // do some drawing of the ticks 
} 

我将带您穿过。

• 蜱0，在最左边，当x为0四分之四百* 0 = 0

• 蜱1，接近最左边，在×100四分之四百* 1 = 0

• 蜱2，在中间，位于x 200四分之四百* 2 = 200

• 等等，蜱3在×300和4×400（最右边）。

如果上述公式返回一个小数？回合吧！用户几乎不会注意到一个像素的差异（尽管我认为整数运算就像这样自动进行）。

您可以通过timeline_width-margin（必须是偶数）在时间线右侧的左边添加一个边距，并将每个tick的x位置增加一半。这将在每边添加一些空间并将滴答中心集中。

如果你幸运的话，我可能只是做一个工作原型，你很快;-)