jQWidgets jqxGauge RadialGauge valueChanged 事件

jqxGauge 是一个基于 jQuery 的插件，用于创建各种类型（如线性和径向）的仪表盘。 RadialGauge 是其中的一种类型，用于创建圆形或半圆形的仪表盘。

valueChanged 事件是 RadialGauge 的一个重要事件。当用户改变仪表盘的值时，该事件被触发。该事件提供了一个参数 event，其中包含以下属性：

• args： 包含了用户更改后的值。
• owner：指向 jqxGauge 的实例。
• instance：指向 RadialGauge 的实例。

以下是 valueChanged 事件的基本使用方法：

$('#gauge').on('valueChanged', function (event) {
  console.log(`当前值为：${event.args.value}`);
});

以上代码将创建一个 valueChanged 事件监听器，并在控制台中打印出用户更改后的值。

此外，也可以通过 getInstance() 方法来获取 RadialGauge 实例，并在代码中直接调用该函数。

以下是 getInstance() 方法的用法示例：

var radialGaugeInstance = $('#gauge').jqxGauge('getInstance');

radialGaugeInstance.addColorZone(0, 10, 'green');
radialGaugeInstance.addColorZone(10, 20, 'yellow');
radialGaugeInstance.addColorZone(20, 30, 'red');

以上代码将获取 RadialGauge 实例，并添加了三个颜色区域。

总之，valueChanged 事件是 jqxGauge 插件中极为重要的一个事件。它可以帮助我们在用户更改仪表盘值时做出及时反应，从而提供更好的用户体验。