Javascript 中间带有百分比值的圆圈，显示在不同类别下选中的一组复选框的结果

我想要一个java脚本，它以圆圈的形式显示结果，圆圈的中心带有百分比值，这些百分比值是在不同类别下选中的复选框数的结果。需要根据百分比值计算圆的半径。比如说，40%小，80%大

例如

环境：

保持环境清洁

避免污染

性质：

保护自然

种树

如果在“环境”部分中选中了1个复选框，如果在“自然”中选中了2个复选框，则“自然”需要具有较高的百分比值，显示圆中心的百分比值，而“环境”需要具有较低的百分比值，显示较小的圆中心的百分比值。我需要5个这样的圆圈。有人能帮忙吗

谢谢。

什么样的

然后这样称呼它：

createCircles(20,50,5,15);

其中这些数字是值

或者我在不久前为类似的东西创建了一个jQuery插件：

类似的东西

然后这样称呼它：

createCircles(20,50,5,15);

其中这些数字是值

或者我在不久前为类似的东西创建了一个jQuery插件：

试试看

JavaScript:

   $(function(){

    var maxWidth = 500, // This is the max width of your circle

    percent = Number($('#result').text()); // This is the percentage value

    percent = percent / 100;

    $("#circle").css({

        "width" : maxWidth * percent,

        "height" : maxWidth * percent,


    });
});

CSS:

}试试看

JavaScript:

   $(function(){

    var maxWidth = 500, // This is the max width of your circle

    percent = Number($('#result').text()); // This is the percentage value

    percent = percent / 100;

    $("#circle").css({

        "width" : maxWidth * percent,

        "height" : maxWidth * percent,


    });
});

CSS:

---

}

你可以用谷歌饼图来做这个：我想他不是指饼图。。更像是基于主题重要性的不同大小的要点……你可以使用谷歌饼图来实现这一点：我认为他指的不是饼图。。更像是基于主题重要性的不同大小的要点。。。