jQWidgets jqxGauge LinearGauge value 属性介绍

jQWidgets jqxGauge LinearGauge是一个线性仪表器，其中value属性用于设置当前值。在本篇介绍中，我们将讨论该属性的详细信息。

value属性的语法

$("#linearGauge").jqxLinearGauge({ value: number });

其中，number为数值类型。该属性可用于获取或设置jqxGauge LinearGauge控件的当前值。

value属性的默认值

在没有设置value属性时，其默认值为0。

value属性的使用方法

要设置value属性，请使用以上语法中的代码，并将number替换为您需要设置的实际数字值。例如，以下代码将将linearGauge控件的当前值设置为50：

$("#linearGauge").jqxLinearGauge({ value: 50 });

要获取现有的value属性值，可以使用以下代码：

var value = $("#linearGauge").jqxLinearGauge("getValue");

value属性的示例

以下是一个使用value属性的示例，其中将value属性设置为80：

$("#linearGauge").jqxLinearGauge({
    value: 80,
    width: '100%',
    height: 50,
    ticksMajor: { size: '10%', interval: 10 },
    ticksMinor: { size: '5%', interval: 2.5, style: { 'stroke-width': 1, stroke: '#aaaaaa' } },
    max: 100,
    min: 0,
    pointer: { size: '5%' },
    colorScheme: 'scheme06',
    ranges: [
        { startValue: 0, endValue: 40, style: { fill: '#4cb848', stroke: '#4cb848' }, endWidth: '50%', startWidth: '0%' },
        { startValue: 40, endValue: 80, style: { fill: '#fad00b', stroke: '#fad00b' }, endWidth: '75%', startWidth: '50%' },
        { startValue: 80, endValue: 100, style: { fill: '#ff7a66', stroke: '#ff7a66' }, endWidth: '100%', startWidth: '75%' }
    ]
});

这将在一个宽度为100%、高度为50像素的控件上创建一个线性仪表器，其中value属性被设置为80。

结论

使用value属性可以轻松设置与获取jQWidgets jqxGauge LinearGauge控件的当前值。通过这篇介绍，您已经了解了value属性的语法、默认值、使用方法和示例。