jQWidgets jqxBarGauge barSpacing 属性介绍

jqxBarGauge 是一款可以用来创建各种仪表盘和状态指示图的jQuery插件。barSpacing 属性用于设置条形刻度中每一个条形之间的距离。下面我们来详细介绍。

语法

$("#barGauge").jqxBarGauge({
    barSpacing: <number>
});

参数

• barSpacing: 每一个条形之间的距离，单位为像素，默认为 2。

示例

$("#barGauge").jqxBarGauge({
    width: 300,
    height: 200,
    max: 100,
    values: [40, 70, 90],
    showRanges: true,
    rangeSize: "10%",
    animationDuration: 1500,
    barSpacing: 5
});

说明

在 jqxBarGauge 插件中，barSpacing 属性可以让条形之间有更多的间距。当设置了较大的值时，可以产生更宽敞的条形。反之，当设置了较小的值时，可以得到更窄的条形。在这个过程中，不同的 barSpacing 值可以影响到整个组件的长度，因此使用时应该根据实际情况进行调整。