jQWidgets jqxBarGauge height 属性介绍

概述

jQWidgets jqxBarGauge 是一款基于 jQuery 的仪表盘控件，常用于显示仪表盘信息或图形化展示数据。其中 height 属性用于设置 jqxBarGauge 控件的高度。

属性值

• 数字类型（如 100、200）：表示 jqxBarGauge 控件的高度值，单位为像素。
• 字符串类型（如 "300px"、"50%"）：表示 jqxBarGauge 控件的高度值，单位可以是 "px" 或 "%"。

用法示例

• HTML 代码：

<div id="barGauge"></div>

• JavaScript 代码：

$('#barGauge').jqxBarGauge({
    width: '100%',
    height: '300px',
    values: [10, 20, 30, 40, 50, 60],
    max: 60,
    tooltip: { visible: true },
    colorScheme: 'scheme01',
    animationDuration: 1200
});

其中 height 属性被设置为 "300px"，表示 jqxBarGauge 控件的高度为 300 像素。

注意事项

• 如果 height 属性被设置为百分比值（例如 "50%"），那么控件的高度会根据其父元素的高度来计算。
• 如果未设置 height 属性，则 jqxBarGauge 控件默认的高度为 200 像素。
• 如果设置的高度值小于 jqxBarGauge 控件所需的最低高度（如值标签高度等），则属性值会被自动调整到最低高度。