javascript - Chart.js图表​​onclick禁用图例onclick

Question

我刚刚在条形图中添加了一个图表 onclick 函数，它允许我根据单击的条形来采取操作 - 效果很好 - 但是(你知道有一个但是)它禁用了正常的图例 onclick 功能。 我怎样才能同时拥有 onclick 功能？

我猜测这可能类似于从图表 onclick 函数调用图例 onclick 回调函数，但详细信息超出了我目前的知识范围。

我已经了解了这一点，但不确定调用默认处理程序的参数应该是什么。

var defaultLegendClickHandler = Chart.defaults.global.legend.onClick;

function YrChartClick(event, YCarray)
  {
    if (typeof YCarray[0] === "undefined")  //click not on a bar, might be legend
    defaultLegendClickHandler(event, 1);  // parameters?? correct function?
else
{
//clicked on a bar - this works
    $('#month').val(YCarray[0]._index+1);  
    MonChange();
}
}

使用最新版本的chart.js 2.7.1

Answer 1

尝试这样:

var legendClick = Chart.defaults.global.legend.onClick;
Chart.defaults.global.legend.onClick = function(e, legendItem) {
    console.log(legendItem);
    legendClick.call(this, e, legendItem);
};

legendItem 包含被单击的栏的索引。

legendClick.call(this, e, legendItem) 执行默认的点击处理程序。