javascript - 调整 ShieldUi JavaScript 图表鼠标移出事件

Question

我有一个 Shield UI JavaScript 条形图。并且需要利用 seriesMouseOut 事件。我实际上同时使用了 mouseOver/Mouse Out 事件，但第二个事件似乎仅在鼠标离开数据绘图区域时才起作用。我认为当我将鼠标移离每个条时触发 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;
},
},

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

Answer 1

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

seriesSettings: {
        bar: {
            enablePointSelection: true,
            completeSeriesTrace: false
        }, 
}