Chart js停止图表区域功能

Question

我正在使用图表 js 插件。我正在使用两个函数。当用户单击图表时调用第一个函数。当用户单击图例区域时调用第二个函数。检查下面的示例。

当我单击图例区域时，图表区域功能也起作用。我需要限制它。请检查我的样品。你能明白我的意思。

图表区功能：

    onClick: function(e, array){

    alert('clicked on chart area')

}

图例区功能：

onClick: function(e, legend_item){

    alert('clicked on legend')

}

演示 演示

Answer 1

这是一种解决方案。我们使用 this.chart.chartArea 检查点击是否在图表区域内。这会计算图表区域的偏移量，我们可以看到它是否在内部。onClick: function(e, array){&nbsp; const { left, right, top, bottom} = this.chart.chartArea;&nbsp; if(&nbsp; &nbsp; event.offsetX > left &&&nbsp;&nbsp; &nbsp; event.offsetX < right &&&nbsp; &nbsp; event.offsetY > top &&&nbsp;&nbsp; &nbsp; event.offsetY < bottom&nbsp; ){&nbsp; &nbsp; alert('clicked on chart area')&nbsp; }},