jQWidgets jqxBulletChart height 属性介绍

简介

jQWidgets jqxBulletChart 是一个固定宽高比的嵌套样式区间图表，可在其中显示多个指标值，包括实际值、期望值和目标值。而 height 属性用于设置 chart 的高度。

使用方法

可以在 jQWidgets jqxBulletChart 的初始化选项中设置 height 属性，例如：

$("#jqxBulletChart").jqxBulletChart({
    height: 300,
    // other options
});

属性值

height 属性接受数值、字符串和函数作为值，其中：

• 数值：表示 chart 的高度，以像素为单位。
• 字符串：表示 chart 的高度，可以使用像素或百分比作单位，例如 "400px" 或 "50%"。
• 函数：表示 chart 的高度，根据函数返回值动态设置。

示例

以下是一个简单的 jQWidgets jqxBulletChart 示例，设置了 height 属性：

$("#jqxBulletChart").jqxBulletChart({
    width: 500,
    height: 300,
    showTooltip: true,
    target: 45,
    ranges: [
        {startValue: 0, endValue: 20, color: "#4cb848"},
        {startValue: 20, endValue: 40, color: "#fad00b"},
        {startValue: 40, endValue: 60, color: "#ff6600"}
    ],
    pointer: {value: 35, color: "#000000"}
});

结论

height 属性可以很方便地设置 jQWidgets jqxBulletChart 的高度，可以通过数值、字符串和函数来动态设置。