javascript - 如何获取 highchart 上下文菜单中单击元素的 id

Question

有什么方法可以获取 highchart 上下文菜单上单击按钮的 id 或者有什么方法可以触发两次单击功能？

  contextButtonArray = [];
  contextButtonArray.push({
      {
        text: 'TEST BUTTON',
        onclick: function) {
        console.log("HELLO");


      }
      contextButton: {
        // 800px by default, PNG by default
        menuItems: contextButtonArray
      }

Answer 1

您可以包装每个上下文菜单按钮的onclick事件:

(function(H) {
  var menuItems = H.defaultOptions.exporting.menuItemDefinitions;
  for (var prop in menuItems) {

    var item = menuItems[prop];
    if (!item.separator) {

      H.wrap(item, 'onclick', function(proceed, event) {
        console.log(event.target.innerText + ' button clicked!');
        proceed.call(this);
      });

    }
  };
})(Highcharts);

现场演示: http://jsfiddle.net/BlackLabel/j46w9sLr/

proceed 是最初在按钮单击时触发的函数。您只需添加另一个 proceed.call(this); 行即可多次调用它。 event 参数可用于检索有关单击哪个按钮的信息。

有关包装的文档: https://www.highcharts.com/docs/extending-highcharts/extending-highcharts