使用JavaScript中的评级栏可视化评级

使用JavaScript中的评级栏可视化评级,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一些从0到1的评级,我想选择五个评级条。评级条应代表评级 下面是一些我想要实现的例子 在这些条下面,我想显示完整容器的平均数和计数 所以我选择这个代码 var评级=[0.8,0.9,0.1,0.1,0.9,0.1,0.6,1,0.1,0.4,0.6,0.8,0.9,0.6,0.1,1,1]; $(文档).ready(函数(){ 初始化统计学(); }); 函数初始化统计(){ var ratingBar长度=$(“.ratingBar”).length; var ratingBars=

我有一些从0到1的评级,我想选择五个评级条。评级条应代表评级

下面是一些我想要实现的例子

在这些条下面,我想显示完整容器的平均数和计数

所以我选择这个代码

var评级=[0.8,0.9,0.1,0.1,0.9,0.1,0.6,1,0.1,0.4,0.6,0.8,0.9,0.6,0.1,1,1];
$(文档).ready(函数(){
初始化统计学();
});
函数初始化统计(){
var ratingBar长度=$(“.ratingBar”).length;
var ratingBars={};

对于(var i=1;i)如果这些条代表投票某个范围的用户数量,那么这看起来像是按照预期的方式进行的。从顶部开始的第一个条是最大的,因为这是投票0.9或1.0的人数最多的,依此类推。
Math.round(评级BarsCount*评级)
的分布不均匀。是否可以将
0
评级?如果
0.1
是最低的,那么这仅仅是将
1
四舍五入,而不是
0
。尝试
Math.ceil(评级BarScont*评级)
相反,如果
0
不是有效的评级。这是平均分布的。平均计算值不应该是
(totalRatings*ratingBarsLength/ratings.length)
?或
(totalRatings*ratingBarsLength/ratings.length)。toFixed(2)
?我不确定什么是“满容器”意思是@Xufox是的,评分为0是可能的。我接受了你的建议
(totalRatings*ratingBarsLength/ratings.length)
这似乎更好,但我希望评分从0到1,两者兼而有之有点棘手。