Javascript “制作”的最佳方式；简单的；足迹很小的线形图？jquery？帆布？

我正在尝试创建如下图所示的线条图。

它需要有一个非常轻的重量（以kb为单位），并且需要有我可以悬停的点（对于该点的工具提示，如图中所示）。我不需要饼图或类似的东西，只需要上面这样的线图

我只是不知道如何做得最好，我不知道canvas，我想用canvas做我需要的事情可能会很复杂。我非常了解jQuery

我想知道：是否有一个非常轻量级的框架/插件可以让我只做像图中那样的基本功能？如果没有，您建议如何使用jQuery来实现这一点

我所需要的是画出的线，点可以触发悬停，我可以处理工具提示和所有这些，我只是想弄清楚如何画出与网格匹配的所有线，并将小圆元素放在正确的位置

非常感谢。 ps：对我来说，轻量级不超过几kb，因为我希望它们是交互式的（不仅仅是静态图像），但我不会有太多的，我需要一个巨大的jquery插件，只是一些小插件

---

另外：我正在尝试使其具有响应性，并缩小以适合手机屏幕。

我不知道对于我通常使用的那种类型的东西，你能做你想做的事情有多轻。

SVG听起来就像你在寻找的东西。您可以使用JQuery SVG或Raphael（基于Prototype.js）等库来简化操作。

如果您不打算对图形进行任何操作。使用名为签出的PHP库。这看起来很完美。它不使用flash，所以它比一些更小，并且有工具提示。作为奖励，您可以在web上使用实时数据。

谷歌图表API非常可靠且易于使用。下面是一个简单的折线图示例

您还可以与创建的图表交互：

---

如果您愿意使用第三方框架，请查看AmCharts。纯JS图表有很多特性，加上它的免费功能。对于非常简单的图形，基本的CanvasAPI真的没有那么糟糕。然而，如果你想让它们看起来漂亮，那么像flot或AmCharts这样的东西可能会帮你省点力气。我赞成。Raphael非常易于使用，可以在IE6之前的浏览器上使用。非常推荐您能提供到这些的链接吗？