如何在图表中使用dblclick事件？

Question

我正在与Highcharts合作。双击系列时，我需要进行向下钻取。我在此网址找到了有关Highmaps的示例：

http://jsfiddle.net/p29wnkp5/3/

但是在我的解决方案dbclick中，该事件不会触发。

我的示例代码在此链接上：

https://stackblitz.com/edit/angular-ztmprq 

在这个例子中，我只想双击处理。我想启动其他功能。我不知道该如何实现。

Answer 1

双击事件不是highchart的一部分，在小提琴中，您会注意到它是一个外部模块

<script src="http://blacklabel.github.io/custom_events/js/customEvents.js"></script> 

自定义事件模块可在bower或npm上使用，因此应易于添加到您的项目中

bower install highcharts-custom-events 

或

npm i highcharts-custom-events --save

从这里您可以按如下所示将其导入角度。

import * as  Highcharts from 'highcharts';   
import customEvents from 'highcharts-custom-events';
customEvents(Highcharts);

更新后的工作提琴https://stackblitz.com/edit/angular-qzkby6

Answer 2

您可以在具有图表的容器的dom元素上添加ondblclick事件侦听器。当前，highcharts似乎无法处理该事件，因此该事件将简单地传播到容器。