是否有任何网络技术可以让我创建类似的可视化？

Question

我想创建各种时间表。以下附图：

显示我想要显示的内容。我想要一个时间轴，用作具有开始和停止时间的输入事件。如果事件属于一种类型，则该行的颜色为一种颜色，另一种颜色为另一种特定事件。

例如：

starttime  |  event
-----------------------
8AM        |   cold
11AM       |   hot
12:30PM    |   cold
1PM        |   hot
1:45PM     |   cold
4PM        |   hot

这种可视化技术的确切名称是什么？我在哪里可以在网页上动态查找/创建一个？我简要地看了一眼d3但是我最初没有看到任何允许在混合条形图之外进行这种可视化的东西。我也想过gnu情节，但不确定如何在他们身边转动酒吧，并在事件发生时重复模式。

Answer 1

好吧，如果你不关心IE8，你总是可以使用SVG或画布。这些学习曲线相当陡峭，但结果很难说。

巧合的是，您可以通过HTML，JavaScript和CSS的Web三位一体来实现这一目标。每个数据段只需要一个div，指定每个数据的固定值或百分比，并使用JavaScript进行管理。再一次，你必须在这里“讨厌”，但可以做到。然而，实现有点超出了快速堆栈溢出答案的范围。

我还使用了一些jQuery图形插件，但我不确定它们是否适合您的特定用例。

Answer 2

一个HTML5之前的解决方案是一堆并排放置的div，带有渐变或图像（带有repeat-x）背景。你的垂直线也可以是div。简单的跨浏览器可以在服务器上，但需要一些手动实现。

如， http://alignedleft.com/tutorials/d3/drawing-divs/

也许是这样的：

http://trickyscripter.com/examples/after/jsgraphics_e.htm