Reactjs 将highcharts自定义事件与React集成

我安装了highcharts自定义事件包来处理自定义事件（dblclick）

就像下面的代码一样

var Highcharts = require('highcharts'),
HighchartsCustomEvents = require('highcharts-custom-events')(Highcharts);

但添加此代码后，即使现有的单击也无法工作。

---

请帮助我实现自定义事件以进行响应。

下面是一个使用react包装器在Highcharts中实现自定义事件的示例

import CustomEvents from "highcharts-custom-events";

CustomEvents(Highcharts);
//require('highcharts-custom-events')(Highcharts);

以上两种方法都有效-导入和要求

演示：

---

如果这没有帮助-你能在我可以处理的在线编辑器中重现你的案例吗？

我使用这个库时遇到了同样的问题，它打破了标准的单点点击，我相信这是一篇重复的文章

在那篇文章中，有一个双击的函数实现，该解决方案也打破了单次单击，问题是您可以在双击函数中添加单次单击作为条件：

首先定义设置：

var双击器={
clickedOnce:false，
计时器：空，
时钟间隔时间：400
};

然后定义“双击重置”功能，以防双击速度不够快和双击回调：

//调用重置双击计时器
var resetDoubleClick=函数（）{
clearTimeout（双击器计时器）；
doubleClicker.timer=null；
doubleClicker.clickedOnce=false；
};
//双击事件的实际回调
var ondbclick=函数（e，点）{
if（点和点x）{
//处理点数据
}
};

Highcharts设置示例

系列：[{
要点：{
活动：{
点击：功能（e）{
if（doubleClicker.clickedOnce==true&&doubleClicker.timer）{
重置双击（）；
ondbclick（e，this）；
}否则{
doubleClicker.clickedOnce=true；
doubleClicker.timer=setTimeout（函数（）{
重置双击（）；
}，双击器；
}
}
}
}
}]

到目前为止看起来还不错，因此您可以提供代码中定义和使用事件的部分。要点：{events:{//dblclick click:（e）=>{console.log（“内部单击”）}，dblclick:（e）=>{console.log（“内部双击”）}，您好，谢谢您的回答，我需要在同一列上应用单击和双击。即，一个操作一次单击，另一个操作在同一点上Dbl单击。单击和dbclick事件相互触发是一种常规行为。请参阅：要使其单独工作，您需要延迟该功能以检测触发了哪一个。这是我的想法：在互联网上你可以很容易地找到其他方法