时间戳

首页 > 解决方案 > 如何在 highcharts 中使用 dblclick 事件？

angular - 如何在 highcharts 中使用 dblclick 事件？

问题描述

我正在使用 Highcharts。双击系列时，我需要进行向下钻取。我在这个 url 找到了一个 Highmaps 的例子：

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

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

我的示例代码位于此链接：

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

在这个例子中，我只想通过双击来处理。我想触发不同的功能。我不知道如何实现这一点。

标签： angularhighcharts

解决方案

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

推荐阅读