jQWidgets jqxBarGauge 相对内半径属性

介绍

jQWidgets jqxBarGauge 是一个数据可视化组件，用于显示进度和比例等信息。相对内半径（relativeInnerRadius）属性是其中一个可选属性，是用来控制显示出来的进度条与外圆之间的距离，当其值为 0 时，进度条会占满整个控件，同时会看不到外圆；当其值为 1 时，就会看到一个环形进度条，进度条上下留有一定的空间，用户可以通过该属性来调整间隔大小。

使用

在 jQWidgets 中，可以通过以下方式设置相对内半径属性：

$("#jqxBarGauge").jqxBarGauge({
    value: 75,
    relativeInnerRadius: 0.5
});

属性

relativeInnerRadius

• 类型：Number
• 默认值：0
• 描述：控制进度条与外圆之间的距离，值是 0 ~1 之间的百分比。

示例

在以下示例中，相对内半径属性被设置为 0.3，插件将展示出一个进度条和一个外圆，在进度条与外圆之间留有一定的空间。

$("#jqxBarGauge").jqxBarGauge({
    value: 50,
    relativeInnerRadius: 0.3
});

参考

jQWidgets - jqxBarGauge Component