根据页面上div的值构建基于Jquery或CSS的图表

是否可以基于页面上一组div中的值构建Jquery或CSS图表

i、 在我的页面上，我有以下内容

Value One = <div id="q1">21</div>
Value Two = <div id="q2">40</div>

值一=21
值2=40

然后，我想建立一个条形图，值为1 21，值为2 40

---

这有可能吗？

不仅有可能，还有一个名为jqPlot的伟大插件可以做到这一点

---

您可以使用jquery执行以下操作：

---

最好给它们提供相同的类，这样就可以在jQuery中将它们作为数组循环：

<div class="bar" id="q1">21</div>
<div class="bar" id="q2">40</div>

从这里开始，根据最大值按比例调整钢筋尺寸：

for(var x=0;x<bars.length;x++) {
    mySize = parseInt($(bars[x]).text())
    $(bars[x]).css('width', parseInt(mySize/maxBar)*100)+'%')
}

---

用于（var x=0；xYes，这是可能的。这是你的问题吗？你需要什么帮助？我可能没有正确地问这个问题-值是动态的。也就是说，每次加载页面时，它们都会不同-我如何在Javascript中调用DIV值？这个问题回答的不是一样吗？谢谢Jake，我可能没有问这个问题n正确-值是动态的。也就是说，每次加载页面时，它们都会不同-如何在Javascript中调用DIV值？如果重新加载页面，Javascript将重新运行并自动更新图表。要从jQuery中的DIV中获取值，请执行
var one=$（'#q1'）.html（）
。好的，这一切对我来说都是有意义的，谢谢你——但是我应该使用哪个插件呢？或者我应该使用一个插件……抱歉，这里没有任何东西……：（你不需要插件，只需要jQuery。
for(var x=0;x<bars.length;x++) {
    mySize = parseInt($(bars[x]).text())
    $(bars[x]).css('width', parseInt(mySize/maxBar)*100)+'%')
}