Javascript 如何将这个动态CSS点图转换为线图？

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

该图将用于许多事情，包括站点分析

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

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

但是我在JSFiddle中把这个放在一起，它只包含一些随机的百分比供图表使用：

我想知道是否有任何方法可以将其转换为一个线条图，它与

update（）

上的点一起动画，最好只使用CSS、JavaScript和Jquery

因此，不是：

我想：

---

您使用的是简单的div，为了得到一条连续线，您应该对点（div）进行插值。我建议您使用HTML5（画布），因为插入许多div（与图形的分辨率一样多）可能会使页面难以呈现。 如果您想要在点之间进行插值，HTML5画布当然是您所需要的

向你问好这是你的意思吗？（100-顶部=高度）

---

是 啊我在实际图形中对其进行了排序，但没有在小提琴中实现它。很抱歉

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