📜  jQWidgets jqxBarGauge drawStart 事件(1)

📅  最后修改于: 2023-12-03 15:02:16.464000             🧑  作者: Mango

jQWidgets jqxBarGauge drawStart 事件

jqxBarGauge 是 jQWidgets 中的一个插件,可以实现简单的仪表盘效果。其中,drawStart 事件是可用的一个事件。

事件描述

当开始绘制 jqxBarGauge 时触发。此事件只被支持的浏览器支持。

事件参数

无。

代码示例
// 初始化 jqxBarGauge
$("#barGauge").jqxBarGauge({
    width: 200,
    height: 300,
    max: 100,
    value: 75,
    colorScheme: "scheme01",
    background: "#FFFFFF",
    animationDuration: 800,
    paddingTop: 10,
    barSpacing: 5,
    showRanges: true,
    ranges: [{ startValue: 0, endValue: 30, style: { fill: "#4cb848" }, startDistance: 0, endDistance: 0 },
             { startValue: 30, endValue: 70, style: { fill: "#fad00b" }, startDistance: 0, endDistance: 0 },
             { startValue: 70, endValue: 100, style: { fill: "#cb2121" }, startDistance: 0, endDistance: 0 }]
});

// 监听 drawStart 事件
$("#barGauge").on("drawStart", (event) => {
    console.log("drawStart");
});

在上述示例代码中,我们首先初始化了一个 jqxBarGauge,然后通过 on 绑定了 drawStart 事件,并在事件处理函数中输出了 "drawStart"。运行代码后,在调试控制台中就能看到 "drawStart" 被输出了。

总结

drawStart 事件是 jqxBarGauge 中的一个事件,当开始绘制仪表盘时触发。在 jsxBarGauge 中,可以通过 on 绑定事件处理函数来监听该事件。