调整 ShieldUi JavaScript 图表鼠标输出事件

Tuning the ShieldUi JavaScript chart mouse out event

本文关键字：鼠标 输出 出事件 ShieldUi JavaScript 调整      更新时间：2023-09-26

我有一个 Shield UI JavaScript 条形图。并且需要使用系列鼠标出事件。我实际上同时使用了鼠标悬停/鼠标退出事件，但第二个事件似乎仅在鼠标离开数据绘图区时才有效。我认为当我将鼠标移离每个条形时触发 seriesMouseOut 事件是有意义的。我使用这段代码来测试：

events: {
 seriesMouseOver: function(args) {
    document.getElementById("info").innerHTML ="Mouse OVER " + args.domEvent.timeStamp;
},
seriesMouseOut: function(args) {
    document.getElementById("info").innerHTML ="Mouse Out " + args.domEvent.timeStamp;
},
},

我浏览了文档，但没有找到要设置的任何其他属性。另一方面，系列鼠标悬停事件工作得很好。

您实际上需要再设置一个属性。默认情况下，如果为 true，则为 completeSeriesTrace。这意味着只有在鼠标指针离开数据绘图区域后，才会发生 seriesMouseOut。如果您需要在柱线离开后立即发生事件，则需要将其设置为 false：

seriesSettings: {
        bar: {
            enablePointSelection: true,
            completeSeriesTrace: false
        }, 
}
相关文章：