【问题标题】:How can I add an event to chart.js legend?如何向 chart.js 图例添加事件?
【发布时间】:2016-11-04 23:42:09
【问题描述】:

基于this post 我已经能够添加事件,但它没有被触发。知道为什么吗?我正在使用默认的 chart.js 图例。

Chart.helpers.each(vm.chart.legend.legendItems, function(legendNode, index) {
  Chart.helpers.addEvent(legendNode, 'mouseover', function() {
    console.log('event triggered!');
  });
});

简要代码说明:将事件添加到每个图例项。

使用:angularjs和chartjs 2.1.6

【问题讨论】:

    标签: javascript angularjs events legend chart.js


    【解决方案1】:

    我从一位开发人员那里得到了this answer。目前无法将自定义事件添加到画布图例。您必须使用 myChartInstance.generateLegend() 创建自己的 html 图例。

    我已经打开了一个请求。如果他们原生添加此事件,我会更新。

    【讨论】:

    • 你做了什么?您是如何在 generateLegend 上添加事件的?我正在尝试为我的 generateLegend 添加事件(onHover)以聚焦饼图,但不知道该怎么做。
    猜你喜欢
    • 2023-03-12
    • 2014-10-20
    • 1970-01-01
    • 1970-01-01
    • 2014-07-24
    • 1970-01-01
    • 2011-05-15
    • 2023-03-30
    • 2017-07-24
    相关资源
    最近更新 更多