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){

  const { left, right, top, bottom} = this.chart.chartArea;

  if(

    event.offsetX > left && 

    event.offsetX < right &&

    event.offsetY > top && 

    event.offsetY < bottom

  ){

    alert('clicked on chart area')

  }

},