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) 执行默认的点击处理程序。