如何在Highcharts中使用dblclick事件?

时间:2019-02-03 17:37:15

标签: angular highcharts

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

FROM tiangolo/meinheld-gunicorn:python3.7
ENV LISTEN_PORT=80
EXPOSE 80

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

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

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

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

1 个答案:

答案 0 :(得分:0)

双击事件不是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

您可以从此处将其导入为angular,如下所示。

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

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