访问有关图表 js 实例和组件变量的数据

Question

我的 ChartJS 实例中有以下 onClick 函数。它完美适用于

onClick: () => {
    console.log(this.test);
  },

现在我需要获取有关图表的一些信息。

例如：

使用下面的这个函数我可以访问点击事件和数组但是我不能像第一个箭头函数那样访问组件变量

chartClickEvent(event, array) {
    const ENTRADA = 0, SAIDA = 1;
    if (array[0]) {
      let columnIndex = array[0]._index;
      if (columnIndex == ENTRADA) {
        console.log(this.test);
      }
    }
  }

当我尝试打印组件变量时显示 undefined

onClick: chartClickEvent,

如何访问两者？关于图表和组件变量的数据

Answer 1

使用Function.prototype.bind函数：

onClick: chartClickEvent.bind(this)

这里发生的是当 chartClickEvent 被执行时 范围不同 所以 this 不是你所期望的。

bind 函数 returns 绑定到您定义的 this 的新函数。

当然，您也可以在那里使用 arrow function：

onClick: (event, array) => chartClickEvent(event, array)

访问有关图表 js 实例和组件变量的数据

Access data about chart js instance and component variable

charts

ionic3

angular