高图 - 点击元素时启动Sweetalert2。

Question

我想推出一个 Sweetalert2 敬酒 当我 点入 高图 系列. 在Highchart文档中显示，我们如何才能显示一个简单的JS警报点击元素。我想显示一个Sweetalert2 敬酒.

Sweetalert2

 private toast = Swal.mixin({
    toast: true,
    position: "top-end",
    showConfirmButton: false,
    timer: 5000
  });

高图 系列

events: {
     click: function (event) {   
          this.toast.fire({
               icon: "info",
               title: element.name
           });
      },
},

问题：当我点击元素序列中的元素时，会返回

无法读取未定义的属性'fire'。

我想，.火() 当试图通过点击功能启动时，就失去了功能。所以。当我点击图表序列元素时，我怎样才能启动Sweetalert2？

Answer 1

在系列点击回调函数 this 指的是被点击的系列，所以 this.toast 是 undefined. 如果你只需要外层的 this使用箭头功能。

events: {
    click: () => {
        ...
    }
}

如果你还需要参考点击的系列，使用IIFE。

events: {
  click: (function(outerThis) {
    return function() {
      console.log(this, outherThis)
    }
  })(this)
}

---

实例。 http:/jsfiddle.netBlackLabelLrt6ajn9

API参考。 https:/api.highcharts.comhighchartsseries.column.event.click。