SIMILE时间轴的替代品,可实现时间轴可视化?[关闭]


67

因此,我在使用SIMILE Timeline的过程中一直玩得很开心,但不幸的是,它似乎几乎被遗弃了(最近关闭的票证是2009年5月),并且充满了内存泄漏,尤其是在动态加载和卸载事件时(尤其是当就我而言)。

我是JavaScript的新手,因此调试这些泄漏将变得更加复杂。在我全神贯注地以一种我不懂的语言或一个我从未看过的代码库解决问题之前,我想知道是否有什么东西可以与Timeline所提供的功能集进行比较:

  1. 一个频段上有多个事件
    • 而不是拥有10、100、1000数据,请尽可能使用可用空间来容纳一行中的多个事件
  2. 可卷动
  3. CSS样式化到特定事件
    • 如果需要,我可以为每个事件指定特定的图标,字体等。这对于突出显示错误事件或有趣的事件非常有用
  4. 过滤/搜索/突出显示
  5. 突出显示某个时间段或某个时间点
    • 这可能是显示“现在”时刻的垂直范围,也可能是覆盖时间段开始和结束时间的范围

我知道很多这些功能都可以放入FlotHighCharts之类的东西中,但是这些东西几乎免费供我在Timeline中使用,因此我在权衡成本/收益是否更容易解决问题。内存泄漏或在某些没有库的库中推出3-4个功能。我的直觉说:“解决泄漏,这很容易”,但是我想知道是否有人可以向我展示一些东西,这些东西大概占到那里的90%,而进入其他那10%的门槛很低。


7
我还与Simile时间轴一起工作(请参阅innl.nl),但我发现这是一场噩梦。几乎没有文档,而且常常是过时的文档,过时/未记录的代码,许多浏览器错误。-不仅仅是内存泄漏的问题。但是,是的,它是唯一的开放源代码,并且可以扩展。
布莱斯

1
我提供赏金,即使我认为“滑翔机”已经是该问题的绝妙答案,因为我对此问题有个人兴趣,并且我希望看到有人回答这个问题,可以获得很好的代表奖金。
Mu Mind

2
我很高兴遇到这个问题,我只是从SIMILE时间轴开始,也发现它非常痛苦,我现在可以预料地使它崩溃。
布赖恩

有没有人尝试过在HTTPS中使用此小部件?
2012年

在HTTPS上使用它已有几年了,我知道没有与之相关的特定问题。
phil13年

Answers:


42

查看Timeglider(请参阅http://timeglider.com/jquery/),它是一个正在开发中的开源(MIT),JavaScript(使用jQuery)滚动时间轴。我相信它满足您的前4个要求,但我不清楚您的第5个要求的具体内容。我仅对Timeglider做过一些简单的实验,但并不十分了解,但这也许对您来说是一个潜在的解决方案。


1
这不是我的问题,但是我给了你一个赞成票。感谢您的明喻替代!
布莱恩·奥德尔

在上图中带有橙色带的区域中可以看到第五个要求。我或多或少都用它来突出显示一个小的10px的波段,上面写着“这是当前时间”,然后每隔大约一分钟,我将波段和亮点移到新的时间。它也是最近的。话虽如此,这似乎很棒,并且如果它意味着快速的浏览器体验不会崩溃,我宁愿放弃该功能。我一定要放手一搏。
尼克·克劳尔

13
不幸的是,它不再具有MIT许可。
亚历克斯·科本

1
那是不幸的。没有什么安慰,但是我相信许可证更改之前的版本(此处和更早版本)仍是MIT许可的。
马修·席尔斯基

看一下time.graphics更好
Jenkamen'Mar

61

也许您可以使用Almende开发的(开放源代码)CHAP链接库中的时间轴。

http://almende.github.com/chap-links-library/timeline.html

查看示例,了解可以使用时间轴执行的操作。它非常灵活,您可以选择创建自己的布局,并在每个单独的事件中使用自己的CSS / HTML。


5
+1是一个很好的链接,如果可以的话,我会+2!任何寻找JavaScript时间轴的人都应该考虑这一点。之前,我曾与Simile和Timeglider一起工作过,总是发现我不得不与某些代码抗争。另一方面,时间表似乎非常全面。如果您使用过它,您有什么经验?
andyb 2012年

1
+1看起来很棒..肯定会考虑将其作为
Simile

如果您可以在两个帐户上使用相同的电子邮件/ openid,我们将很高兴合并。
Tim Post

2
这应该是公认的答案,不能相信人们可以免费使用Timeglider。
萨马拉

4
CHAP链接库现在有一个后续版本:vis.js。考虑改用它。
奥斯汀·摩尔


3

时间轴项目非常活跃,他们只是不再使用Google Code。Simile小部件现在托管在专用的主页上,这是Timeline主页和文档。请记住,页面上的链接不一致,许多页面仍链接到Google Code和mit.edu Wiki页面上过时的Wiki。检查Wiki时请记住这一点。

Google网上论坛上还有一个活动的邮件列表


源代码托管在哪里?Google代码显示了2009年中某个时间的最后一次提交,因此,如果他们有一个新的回购协议,那么也许我之前遇到的问题(内存泄漏,API有点
笨拙

在查看他们的新网站时,似乎并没有使用GoogleCode进行文档编制,但他们仍链接到googlecode.com上的下载和示例,因此,我认为我的原始声明(时间轴的代码自2009年以来就没有更新)仍然成立。
尼克·克劳尔

看来他们正在重新更新代码-最近已关闭的问题是2011年7月,最近的更改是2011年9月7日
。– aeosynth

1
前几天我只是在看这个。这些最近的提交用于其他SIMILE小部件,而不是时间轴。
Brian

6
来自Simile标签Wiki本身:“截至2012年春季,Exhibit是唯一看到活跃开发的Simile小部件。” 因此,TimeLine控件自2009
。– Miika L. 2012年

0

这可能是目前最好的选择:

http://timeline.verite.co/


4
我不知道您是否阅读过该问题或看到了我的使用方式。是的,我会说Timeline JS很漂亮,但是它完全超出了我的使用方式,并且几乎没有CSS样式之外的任何自定义设置。其中的一部分使它在FAQ中几乎变得无用:
Nick Klauer 2012年

2
并指出不应处理超过100个元素的部分,其中我将有数百个。“时间轴已针对最多100个条目进行了优化,最好是20-30个。其他任何情况都可能导致加载问题。” 因此,尽管这很好,但即使按他们的标准,也很遗憾。
Nick Klauer

我发现此链接很有用,所以我以赞誉将其赎回。谢谢!
Khalid Abuhakmeh 2012年

0

我实际上在一个名为Event Viewpoint的项目中使用Simile时间轴。我已经修复了很多错误,并通过在网上找到的许多功能进行了增强,包括事件的图像,缩放栏和一些其他事件。

这是一项出色的工作,只需要有人花些时间对其进行更新并使其更新。目前,这超出了我项目的范围,但是如果明年有时间,我将开始进行改进。

如果人们可以恢复该项目,添加触摸事件等,那真是太好了。

如果有人需要资源,我愿意提供。


也许使用github.com/simile-widgets/timeline的分支与世界分享这些改进?
mdxs 2014年

当我走得更远时,现在,我仍在尝试将自己的功能融入其中。我很想添加像Google Maps这样的缩放栏。我已经用最新版本的JQuery更新了它,并有一个Grunt构建任务来构建它。
Luisz Bobirca,2015年


By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.