如何将这个动态CSS点图转换成折线图？

Question

我创建了一个带有CSS的点图，它使用JavaScript进行所有计算等

该图表将用于许多方面，包括网站分析。

我允许用户激活实时功能，每隔x秒自动更新图形。

该图使用一系列AJAX请求从数据库中获取数据，因此我无法显示确切事实的示例。

但是我已经在JSFiddle中整理了这个，它只包含一些随机百分比的图表：

http://jsfiddle.net/57Jjd/1/

我想知道是否有任何方法可以将其转换为线图，与update()上的点一起动画，最好只使用CSS，JavaScript和Jquery？

所以而不是：

我想：

Answer 1

你正在使用简单的Div并获得一条连续线，你应该插入你的点（div）。我建议您使用HTML5（画布），因为插入许多div（许多作为图形的分辨率）可能会使您的页面难以渲染。 如果你想在点之间插值，HTML5画布当然是你需要的。

最好的问候

Answer 2

这是什么意思？ （100 - 顶部=身高）

$("#spot_1").animate({
    top: "95%",
    height: "5%"
});