Javascript 替代 SIMILE Timeline 进行时间线可视化?
声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow
原文地址: http://stackoverflow.com/questions/4700419/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Alternative to SIMILE Timeline for timeline visualization?
提问by Nick Klauer
So I have been having lots of fun playing with SIMILE Timeline, but unfortunately, it appears to be all but abandoned(most recently closed ticket May 2009) and riddled with memory leaks, especially when you are dynamically loading and unloading events(which is especially true in my case).
所以我一直在玩SIMILE Timeline玩得很开心,但不幸的是,它似乎几乎被放弃了(最近一次关闭的票是 2009 年 5 月)并且充满了内存泄漏,尤其是当您动态加载和卸载事件时(尤其是在我的情况下是这样)。
I am a novice in JavaScript, so debugging these leaks is going to be more than a little complicated. Before I dive head-first into fixing a problem in a language I don't understand or a codebase I have never looked at, I want to know if there is anything out there that compares to the feature-set that I can get with Timeline:
我是 JavaScript 的新手,所以调试这些泄漏会有点复杂。在我一头扎进我不懂的语言或我从未看过的代码库中解决问题之前,我想知道是否有任何东西可以与我可以通过 Timeline 获得的功能集相比:
- Multiple events on one band
- instead of having 10, 100, 1000 rowsof data, use the space available to fit multiple events on one line when possible
- Scrollable
- CSS styling down to the specific event
- I can specify a specific icon, font, etc., for each event if I need to. This is great for highlighting error events or interesting events
- filtering/searching/highlighting
- highlighting a band of time or point in time
- This would be a vertical band that shows a 'now' moment, or a band that covers a time period's start and end time
- 一个频段上的多个事件
- 如果可能的话,不要使用10、100、1000行数据,而是使用可用空间将多个事件放在一行上
- 可滚动
- CSS 样式到特定事件
- 如果需要,我可以为每个事件指定特定的图标、字体等。这非常适合突出显示错误事件或有趣的事件
- 过滤/搜索/突出显示
- 突出显示时间带或时间点
- 这将是一个显示“现在”时刻的垂直带,或者是一个涵盖时间段开始和结束时间的带
I know that alot of these features can probably be put into things such as Flotor HighCharts, but these things were next to free for me to use in Timeline, so I'm weighing the cost/benefit of whether it is easier to fix a memory leak or roll out 3 - 4 features on some library that doesn't have it. My gut says "fix the leak, it's easier", but I would like to know if anyone can show me something that might be 90% of the way there with a low barrier of entry to getting that other 10%.
我知道这些功能中的很多都可以放入诸如Flot或HighCharts 之类的东西中,但是这些东西几乎可以免费供我在 Timeline 中使用,因此我正在权衡是否更容易修复一个成本/收益内存泄漏或在一些没有它的库上推出 3 - 4 个功能。我的直觉说“修复泄漏,它更容易”,但我想知道是否有人可以向我展示一些可能达到 90% 的方法,并且获得其他 10% 的门槛很低。
采纳答案by Matthew Sielski
Check out Timeglider (see http://timeglider.com/jquery/) which is an open source (MIT), JavaScript (uses jQuery) scrolling timeline under active development. It meets your first 4 requirements I believe but I am unclear about the specifics of your 5th requirement. I have only done some simple experiments with Timeglider and don't know it very well but maybe this is a potential solution for you.
查看 Timeglider(请参阅http://timeglider.com/jquery/),它是一个开源 (MIT)、JavaScript(使用 jQuery)滚动时间线,正在积极开发中。我相信它符合您的前 4 项要求,但我不清楚您的第 5 项要求的具体情况。我只用 Timeglider 做了一些简单的实验,不太了解,但也许这对你来说是一个潜在的解决方案。
回答by Jos de Jong
Maybe you can use the Timeline from the (open source) CHAP Links Library, developed by Almende.
也许您可以使用 Almende 开发的(开源)CHAP 链接库中的时间轴。
http://almende.github.com/chap-links-library/timeline.html
http://almende.github.com/chap-links-library/timeline.html
Have a look at the examples to see what you can do with the Timeline. It is quite flexible, you can choose your create your own layout and use your own CSS/HTML in each individual event.
查看示例以了解您可以使用时间轴做什么。它非常灵活,您可以选择创建自己的布局并在每个单独的事件中使用自己的 CSS/HTML。
回答by Felipe de Morais
We needed the Simile Timeline at Lab 21k so we took the source code, cleaned it up and published it using bower. So you don't need an alternative anymore.
我们需要 Lab 21k 的 Simile Timeline,因此我们获取了源代码,对其进行了清理并使用 bower 发布了它。所以你不再需要替代品了。
回答by Michael
The Timeline project is very much alive, they just don't use Google Code anymore. The Simile widgets are now hosted on a dedicated homepage, here is the homepage and documentation of Timeline. Keep in mind that the links on the page are not consistent, many pages still link to the outdated wikis on Google Code and the mit.edu wiki pages. Keep that in mind when checking the wiki.
Timeline 项目非常活跃,他们只是不再使用 Google Code。Simile 小部件现在托管在专用主页上,这是Timeline的主页和文档。请记住,页面上的链接不一致,许多页面仍然链接到 Google Code 上过时的 wiki 和 mit.edu wiki 页面。检查维基时请记住这一点。
There is also an active mailing list on Google Groups.
回答by Wilson Rodrigues
They're still very active. David Karger makes frequent updates. Now they have the version 3.0. You can find reference documentation here: http://simile-widgets.org/wiki/Reference_Documentation_for_Exhibit.
他们仍然非常活跃。David Karger 经常更新。现在他们有了 3.0.0 版本。您可以在此处找到参考文档:http: //simile-widgets.org/wiki/Reference_Documentation_for_Exhibit。
The code is here: https://github.com/simile-widgets/exhibit
回答by Sandro Pasquali
This is probably the best one around right now:
这可能是目前最好的一个:
回答by Luisz Bobirca
I'm actually working with the Simile Timeline in a project of my called Event Viewpoint. I've fixed quite a lot of bugs and enhanced it with many contributions that I have found online including images for the event, a zoom bar, and some additional events.
我实际上正在我的一个名为Event Viewpoint的项目中使用 Simile Timeline 。我已经修复了很多错误,并通过我在网上找到的许多贡献对其进行了增强,包括事件的图像、缩放条和一些其他事件。
It is a brilliant piece of work just needs someone to take the time to update it and make it more current. That is currently out of scope for my project, but if I have time in the next year or so I will start to enhance it.
这是一项出色的工作,只需要有人花时间对其进行更新并使其更具时效性。这目前超出了我的项目的范围,但如果我在明年左右有时间,我将开始改进它。
It would really be great if people could revive the project, add touch events and so on.
如果人们可以恢复项目,添加触摸事件等,那真的很棒。
If someone needs the source I am willing to provide it.
如果有人需要资源,我愿意提供。