AmCharts XY 图表 - 如何在 Angular 中单击时获得模态弹出窗口？
苏伦·科纳塔拉
我们需要在用户单击数据点时显示一个模态窗口。
我们拥有的代码是：
constructor(public dataservice: DataserviceService, private modalService: NgbModal, private router: Router) { }
...
...
bullet.events.on("hit", function (ev) {
console.log(ev.target._dataItem.dataContext);
this.modalService.open(this.dialog);
});
}
public showDialog() {
this.modalService.open(this.dialog);
}
我们能够在控制台中看到日志数据......但不是模态。我们如何解决这个问题？
萨吉塔兰
代码看起来不错，但是正如@yurzui 提到的，问题出在这里
bullet.events.on("hit", function (ev) {}
由于它将从另一个上下文调用，因此 modalService 在那里不可用。尝试使用箭头函数来保留 this 上下文。要解决这个问题，
bullet.events.on("hit", (ev) => {
console.log(ev.target._dataItem.dataContext);
this.modalService.open(this.dialog);
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
AMCHARTS xy图表数据标签
- 2
Amcharts XY图表不显示气球
- 3
如何删除amCharts图表
- 4
第一类和最后一个类别标签在AmCharts XY图表中消失
- 5
如何在Angular中完全删除图表
- 6
如何在amCharts v4中有条件地设置XY条形图上的属性？
- 7
amCharts：如何在图表标题中设置字体系列？
- 8
如何在Typescript Angular中获取鼠标移动上xy坐标的十进制值？
- 9
我想在使用amCharts创建的图表中显示菱形图标
- 10
悬停指针在 AmCharts 股票图表中不起作用
- 11
AmCharts 4 中可滚动的外部图表图例
- 12
unix 时间戳在 amcharts 中无法用于显示图表
- 13
JasperReports中的单个图表中有多个XY线
- 14
如何在angular-google-charts中向时间线图表添加“工具提示”？
- 15
如何在Angular 8中从高图表实现组织结构图？
- 16
如何在Angular中隐藏图表或div的一部分？
- 17
如何在Angular中创建交互式Google图表（UI事件）？
- 18
如何在图表中动态设置新的 yAxis 数据（highcharts + angular2(4)）？
- 19
如何在 Angular-charts.js 中更改图表线条颜色
- 20
amcharts在图表上叠加图例
- 21
amCharts 股票图表缺失数据
- 22
如何在Google图表中的图表区域周围绘制边框？
- 23
如何在APEX中调整图表/图表的范围？
- 24
如何在链接的融合图表中修改子图表的类型？
- 25
Amcharts V4如何在不重新加载整个图表的情况下更改数据？
- 26
amcharts访问XY系列图中的数据
- 27
如何在KendoUI / Angular Window上调整Highcharts图表的大小
- 28
如何在Google图表中隐藏标签？
- 29
情节：如何在Spyder中显示图表？
我来说两句