jQWidgets 是一个 JavaScript 框架,用于为 PC 和移动设备制作基于 Web 的应用程序。它是一个非常强大和优化的框架,独立于平台,并得到广泛支持。
jqxBarGauge表示一个 jQuery 条形仪表小部件,它为给定的值绘制条形仪表图。这里的backgroundColor属性用于设置条形仪表的背景颜色。默认值为‘#e0e0e0’ 。
句法:
$('.selector').jqxBarGauge({
values: [array],
max: number,
backgroundColor: 'string'
});
CDN 链接:从 https://www.jqwidgets.com/download/ 链接下载 jQWidgets。在 HTML 文件中,找到下载文件夹中的脚本文件:
下面是显示实现的示例:
示例 1:
HTML
GeeksforGeeks
jQWidgets jqxBarGauge backgroundColor property
输出:
参考: https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxbargauge/jquery-bar-gauge-getting-started.htm?search=