如何使用HighCharts在点击事件上调用EventEmitter

时间:2019-06-25 16:15:13

标签: angular highcharts

我正在尝试发出被点击的系列。

不幸的是,当我点击函数时,我无权访问我的类对象。 this被引用为Chart对象。

那么你们中的某些人知道如何从点击的意甲中调用事件发射器吗?

类似这样的东西:

@Output() service = new EventEmitter<any>();

ngOnInit() {
    // Initialition of Chart ...
    this.trend = new Chart({
        chart : { ... }
        series: {
            cursor: 'pointer',
            point: {
                events: {
                click: () => { this.service.emit(this.series.userOptions); }
                }
            }
        }
    }
}

有了这个,我得到了一个错误Cannot read property 'emit' of undefined,因为click内部不知道emit

1 个答案:

答案 0 :(得分:0)

可以请您尝试以下操作:

像这样设置click

ngOnInit() {
    // Initialition of Chart ...
    this.trend = new Chart({
        chart : { ... }
        series: {
            cursor: 'pointer',
            point: {
                events: {
                click: this.emitValue.bind(this) }
                }
            }
        }
    }
}

现在像这样在组件类中定义emitValue()

emitValue() {
  this.service.emit(this.series.userOptions);
}