首页 > 解决方案 > 情节事件未触发

问题描述

我有一个角度图表,它显示得很好,但到目前为止我尝试过的事件都没有触发

HTML:

                <plotly-plot [data]="chartData.data" 
                [layout]="chartData.layout"
                (selected)="onChartPointSelect($event)"
                (selecting)="onChartSelecting($event)"
                (plotly_click)="onChartPointSelect($event)"></plotly-plot>  

图表数据:

在此处输入图像描述

TS:

onChartSelecting(data:any){
  console.log('onChartSelecting',data);    
}
onChartPointSelect(data:any){
  console.log('onChartPointSelect',data);
}

如果我单击图表上的标记,则不会发生任何单击。

我基本上想点击一个数据点并获取它的内容(相关数据)

"angular-plotly.js": "^1.0.1",
"plotly.js": "^1.44.1",

据此应该工作

标签: angularplotly

解决方案


至少在您在此处发布的代码中,您实际上并没有调用onChartSelecting(selecting)="onChartSelecting"<--missing ($event)

<plotly-plot [data]="chartData.data" 
             [layout]="chartData.layout"
             (selected)="onChartPointSelect($event)"
             (selecting)="onChartSelecting($event)"
             (plotly_click)="onChartPointSelect($event)"></plotly-plot> 

推荐阅读