时间线可视化的SIMILE时间线的替代方案?

Nic*_*uer 67 javascript timeline visualization simile

所以我玩SIMILE Timeline得很开心,但遗憾的是,它似乎已经被抛弃了(最近一次关闭的票据2009年5月)并且内存泄漏很多,特别是当你动态加载和卸载事件时(尤其是在我的情况下是真的).

我是JavaScript的新手,因此调试这些泄漏会变得有点复杂.在我首先用一种我不理解的语言或我从未看过的代码库来解决问题之前,我想知道是否有任何东西与我可以通过时间轴获得的功能集相比较:

  1. 一个频段上的多个事件
    • 而不是拥有10,100,1000 数据,尽可能使用可用空间在一行上容纳多个事件
  2. 滚动
  3. CSS样式到特定事件
    • 如果需要,我可以为每个事件指定特定的图标,字体等.这非常适合突出显示错误事件或有趣事件
  4. 过滤/搜索/突出
  5. 突出一段时间或时间点
    • 这将是一个显示"现在"时刻的垂直波段,或一个涵盖时间段开始和结束时间的波段

我知道很多这些功能可能会被放入诸如FlotHighCharts之类的东西中,但是这些东西在我的时间轴中可以免费使用,所以我在权衡是否更容易修复内存泄漏或在某些没有它的库上推出3-4个功能.我的直觉说"修复泄漏,它更容易",但我想知道是否有人可以向我展示一些可能90%的方式,并且进入其他10%的进入门槛较低.

Jos*_*ong 61

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

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

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

  • +1是一个很好的链接,如果可以,我会+2!任何寻找JavaScript时间表的人都应该考虑这一点.之前我曾与Simile和Timeglider合作,并且总是发现我不得不与一些代码进行斗争.另一方面,时间表似乎非常全面.如果您使用过它,您的体验是什么? (5认同)
  • CHAP链接库现在有一个继任者:[vis.js](http://visjs.org/).考虑使用它. (4认同)
  • 这应该是公认的答案,当这个免费提供时,不能相信人们向Timeglider付钱. (2认同)

Mat*_*ski 42

查看Timeglider(参见http://timeglider.com/jquery/),这是一个开源(MIT),JavaScript(使用jQuery)滚动时间轴在活动开发下.它符合您的前4个要求我相信,但我不清楚您的第5个要求的具体细节.我只用Timeglider进行了一些简单的实验,并且不太了解它,但也许这对你来说是一个潜在的解决方案.

  • 不幸的是,它不再受MIT许可. (13认同)

小智 5

我们需要Lab 21k的Simile Timeline,所以我们采用了源代码,清理它并使用bower发布它.所以你不再需要替代品了.

https://github.com/Lab21k/standalone-timeline/