获取有关Angular app

Question

我在this guide之后为我的项目添加了一个情节组件。当用户点击条形图时，我需要获取与用户点击的栏相对应的数据。结构就像我跟随的the guide一样，一切都很好，我只是不知道如何在条形图中添加点击事件。 条形图看起来像这样 当用户点击图表时，我需要获得相关的车辆制作，例如“HUMMER”。

Answer 1

调用Plotly.newPlot后，您可以添加点击事件处理程序并像这样访问点击的数据

(document.getElementById('myPlotlyDiv') as any).on('plotly_click', function(data){

  // The label of the horizontal bar chart
  console.log(data.points[0].y);

  // The value for the clicked bar
  console.log(data.points[0].x);
});

Answer 2

调用Plotly.newPlot后，您可以添加点击事件处理程序，并像这样访问被点击的数据

(document.getElementById('myPlotlyDiv') as any).on('plotly_click', function(data){

  // The label of the horizontal bar chart
  console.log(data.points[0].y);

  // The value for the clicked bar
  console.log(data.points[0].x);
});

答案给出的响应是类型myPlotlyDiv上的属性'on'不存在。您能否提供与评论中提到的相同的解决方法。