Highchart- OnClick事件，从堆叠的条形图中获取“类别”和“名称”

Question

我有一个带有类别和数据集的Highchart堆积图，如下所示：

categories =["Clark","Steven","Steve","Robert","Max"]
series =[{
name: "Wins"
data: [0, 0, 0, 0, 0]
},
{
name: "Losses"
data: [0, 0, 0, 0, 0]
},
{
name: "Open"
data: [22, 9, 8, 7, 7]
}]

当前输出可以在下面的屏幕截图中看到。

我已经看过文档，如何在堆叠图表的不同部分上创建click事件。但是-我特别想将个人的名称（在“类别”集中找到，并将“名称”属性（获胜，损失，未决）传递给函数），最终在我的React应用程序中设置“状态”。 / p>

这可能吗？如何在同一个函数中访问这两个变量>

感谢您的时间！

Answer 1

这里是一个示例，该示例如何触发自定义函数并将类别和名称作为参数传递。

演示：https://jsfiddle.net/BlackLabel/sycqfv9e/

  plotOptions: {
    series: {
      point: {
        events: {
          click() {
            console.log(this.series.name)
            customFun(this.category, this.series.name)
          }
        }
      }
    }
  },

如果您想以这种方式在React应用程序中更新状态，请在我可以使用的在线编辑器上重现当前的工作。您可以使用以下模板：https://stackblitz.com/edit/react-nwseym?file=index.js

Answer 2

您需要对其进行调试，尝试在事件监听器上运行try { RequestOptions options = new RequestOptions(); options.setPartitionKey(new PartitionKey(DOCUMENT_ID)); documentClient.deleteDocument(documentLink, options); } catch (Exception e) { e.printStackTrace(); System.out.println(e.getLocalizedMessage()); } ，之后您应该能够找到所需的属性。一种简单的方法是在运行应用程序的浏览器控制台上查看。

它应该在这样的对象中：

console.log(this)