Javascript 构建列车运行图

我需要建立一个图表来反映每天的列车运行情况。大概是这样的：

我从来没有建立过这样的图表。你知道我应该从什么开始吗？我找到了一个图形库

d3.js

，但还没有使用它的经验

你能引导我一点吗

---

谢谢

您的首要任务是组织和理解您的数据。从我在你的（小）图像中看到的，你有一个覆盖着对角线的网格。假设您使用图形库，我将首先绘制网格，将网格交点坐标添加到数据结构中。然后，遍历数据并绘制对角线应该是一个相对简单的问题

---

你要求指导。试一试，如果遇到困难，请返回您开发的代码和数据结构。

这看起来像E.J.Marey的1880年火车时刻表，它在的封面上，并在中进行了描述

实际上，有一个复制了Marey的形象，内置Protovis。虽然Protovis不再积极开发，但您可以使用该示例

然而，正如@HBP所说，这种可视化非常简单，可以手工构建，而无需学习任何专门的可视化库