javascript - angular2 和 charts.js 交互

Question

我目前正在使用 charts.js 中的一些图表，我正在与它们添加一些简单的交互，当用户点击条形图中的条形时，一个变量会保存点击了哪个条形。

此变量更新折线图，此图表使用先前保存在数组中的数据进行更新，因此每次用户从条形图中单击不同的条时，折线图都应更改。

我的问题是变量没有改变我得到两个不同的值。默认情况下，变量初始化为 0。

控制台日志输出:

from barchart click:3   
from change function:0 

from barchart click:2  
from change function:0

我从同时发生的 2 个不同函数打印这些行。

此函数应在条形图上单击条形图时更改变量值。

  graphClickEvent(event:any, array:any){

    if(array[0]){

       this.offsetGraficas = array[0]._index;
     console.log("from barchart click:"+this.offsetGraficas);
    }

}

以及同时发生的其他功能:

changeHistorico(n:number) {
   console.log("from change function:"+this.offsetGraficas);

    this.show_historico = true;

    //some unrelated code goes here
}

据我所知，graphClickEvent 首先执行，但我没有发现变量有任何变化。为什么它不能按预期工作？

Answer 1

看起来 graphClickEvent 中的“this”和 changeHistorico 中的“this”是不同的 this。