【问题标题】:Chartjs Annotation Plugin Click EventChartjs 注释插件点击事件
【发布时间】:2019-09-26 14:18:22
【问题描述】:

我一直在尝试在我自己的项目https://jsfiddle.net/caj89x6L/ 中实现此示例代码,效果很好,但我不知道如何使创建的注释可点击。我对 javascript 中的事件/侦听器非常陌生。这是我迄今为止尝试过的事情之一,但我似乎遗漏了一些东西,因为点击不起作用。

  events: ['click'],
   annotation: {
      drawTime: 'afterDatasetsDraw',
     annotations: annotations,
     onClick: function(e) {
                console.log("was clicked");
            }

我找到了很多在数组括号 [] 中带有注释的示例,并且使用像这样的 jsFiddle 这样的地图似乎找不到任何东西。我尝试阅读更多内容并使用事件侦听器,但我也无法让它工作。我错过了一些关于事件的基本知识吗?

【问题讨论】:

    标签: javascript events click


    【解决方案1】:

    这里是working JSFiddle demo 从你提供的那个中分叉出来的。

    onClick 处理程序应添加到注释对象中,'click' 事件应在图表选项的annotation 属性中注册。

    【讨论】:

    • 谢谢你,Dima Mamchur。我不知道它需要在注释属性中注册。我收到一个错误chartjs-plugin-annotation.js:261 Unable to preventDefault inside passive event listener invocation. 我在 github 上读到这个错误也发生在其他人身上,所以我将继续努力修复它。谢谢
    猜你喜欢
    • 2022-11-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多