ChartJS区分图表区、数据集和图例之间的单击

您可以使用getElementsAtEvent属性。这只在单击图表区域时提供值,如果在图例上单击元素,则元素为空。如果在图表区域中单击它,则它保存可以从中获取单击的xAxis和图例值的属性。

document.getElementById("yourChartCanvasId").addEventListener("click", function (e) {
    var element = instance.getElementsAtEvent(e)[0];

    if (element) {    
      //Handle click on chart area        
    }
    else {    
      //Handle click on legend area        
    }        
});

另外,如果不想在legend click上执行任何操作,请保持默认的Chart.js行为,然后不要包含else块。