简单的浏览器内时间线答案

【问题标题】：Simple In-Browser Timeline简单的浏览器内时间线
【发布时间】：2012-08-15 19:08:03
【问题描述】：

我想为游戏服务器制作一个工具，该工具将读取连接/断开连接日志并以视觉上吸引人的方式呈现它们。我要找的效果和这个mockup类似（请见谅'程序员艺术'）

这是我的图片：

彩色条显示用户连接到服务器的时间。

DHX Timeline View 是我最接近浏览器内解决方案的可行解决方案。 Simile、Mashi、Verite 和其他一些对于我想要的东西来说似乎有点太复杂了。

是否有任何脚本可以满足我的需求？有没有人有这种事情的经验？建一个会更好吗？如果是这样，怎么做？（我完全愿意学习）

【问题讨论】：

【解决方案1】：

Timeline 似乎与我想要的非常接近。

Here 是一个似乎满足我要求的示例。

【讨论】：

上面的 Timeline 库是一个废弃已久的项目。尽管有漂亮的示例，但它几乎无法以经典方式作为前端 UX 组件实现，因为它需要与 GWT - Google Web Toolkit 集成。换句话说，时间线的源代码必须用 JAVA 编写，然后通过 GWT 编译成客户端 Javascript 代码。因此设置很复杂。此外，加载的 google/jsapi 似乎阻止加载跨站点脚本。 http://visjs.org库自称是项目继任者。

【解决方案2】：

查看Timeline Portfolio - 它是跨浏览器，附带教程，并且很容易集成到网站中。

【讨论】：