如何处理时间轴/图表的flex自定义组件?

时间:2011-04-04 20:10:36

标签: flex charts data-visualization custom-component timeline

对于我的应用程序,我需要一个组件(或组件的组合),它在时间轴上显示许多不同类型的事件,以指定的不同方式显示它们,并允许您沿时间轴单击/悬停以添加/修改/获取有关活动的详细信息。

基本上我想要一个跨越顶部的时间轴,总是显示24小时的时间段,但从可变点开始。 我需要有不同的可变高度行,以不同的方式显示不同类型的数据。 例如:

  • 第1行将'value'属性显示为直径反映值数量的圆圈,并根据'typecode'属性更改颜色。
  • 第2行将显示基于不同数字的折线图和绘图图表(如一个图表,但数据点为较大的点),并且还会绘制以下数据或以前数据的趋势(如果存在)。
  • 第2行后面的
  • 将显示相同的内容,但前5天逐渐更透明
  • 第3行将显示第2行的数值
  • 第4行将显示另一种类型的数据,这个数据的持续时间为从开始时间到结束时间的粗线。您可以在此行中单击一次以设置新条目的起始点,并设置一次以设置端点以创建新条目。的onclick ..
  • 第4行将显示多种不同数据类型的颜色编码方块,悬停将显示详细信息。

所有行都需要共享相同的时间跨度,并且我希望能够有针对所显示数据的数据对象/值的点击/悬停事件。

我也希望网格线遍布所有行的背景。

在某些时候,我希望能够压缩时间线的某些区域,但我不会担心这一点。

我不确定是否应该尝试扩展flex高级数据网格,或者使用我在网上找到的几种模糊相似的组件类型之一(http://www.gantt4flex.com/http://flexlib.googlecode.com/svn/trunk/docs/index.html?flexlib/schedu ling /),或者如何最好地接近,但我需要相当快地完成它。

我有一个数据模型,可以提出我不需要的任何数据(使用sqlite)。但我之前没有从头构建一个组件,我想知道如何处理这样的事情......如何分解它...以及我可以使用已有的组件并修改它们。

Rough Sketch of Component (日期选择器将是独立的)

1 个答案:

答案 0 :(得分:0)

看看amcharts。这应该让你开始。也可以通过电子邮件发送或在论坛上提问,因为他们会很快回答。