对于我的应用程序,我需要一个组件(或组件组合),它沿着时间线显示许多不同类型的事件,以指定的不同方式显示它们,并允许您沿着时间线单击/悬停以添加/修改/获取详细信息关于事件。
基本上我想要一个横跨顶部的时间线,始终显示 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/scheduling ling/),或者如何最好地处理,但我需要把它打开它的脚步相当快。
我有一个数据模型,可以毫无问题地提出我需要的任何数据(从 sqlite 工作)。但我以前没有从头开始构建过组件,我想知道如何处理这样的事情..如何分解它..以及我可以在多大程度上使用现有的组件并修改它们。
(日期选择器将是单独的)
For my application I need a component (or combination of components) that shows a number of different types of events along a timeline, displays them in different ways as specified and allows you to click/hover along the timeline to add/modify/get details on events.
Basically I want a timeline across the top, always showing a 24hour period, but starting at variable points.
I need to have different rows of variable height to display different types of data in different ways.
for instance:
- row 1 will display the 'value' attribute as a circle whose diameter reflects value amount and change color based on a 'typecode' attribute.
- row 2 will display a line graph and plot chart based on different numbers (like one chart but with the datapoints as larger dots), and will also chart out trend of following or previous data if it exists.
- behind row 2 will display the same thing but for 5 previous days progressively more transparent
- row 3 will display the number values from row 2
- row 4 will display another type of data, this one with duration, as thick lines from start time to end time. you will be able to click with in this row once to set startpoint of new entry and once to set endpoint to create new entry. onclick..
- row 4 will display color coded squares for a number of different datatypes and hovering will reveal details.
all rows need to share the same timespan, and I'd like to be able to have click/hover events that target the data object/values of the data being displayed.
I also would like gridlines going across the background of all the rows.
At some point I'd like to be able to compress certain areas of the timeline, but I'm not going to worry about that yet.
I'm not sure if I should attempt to extend the flex advanced datagrid, or use one of the several vaguely similar component types I've found online (http://www.gantt4flex.com/, http://flexlib.googlecode.com/svn/trunk/docs/index.html?flexlib/schedu ling/), or how best to approach, but I need to get this on its feet fairly quickly.
I have a data model and can come up with whatever data I need no problem (working from sqlite). But I haven't built a component from scratch before and am wondering how to approach something like this.. how to break it down.. and how much I can use already existing components and modify them.
(date selector would be separate)
发布评论
评论(1)
查看 amcharts。这应该可以帮助您开始。也可以给他们发电子邮件或在论坛上提问,因为他们回答得很快。
Take a look at amcharts. This should get you started. Also email them or ask questions on the forums as they answer very quickly.