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

问题描述 投票:0回答:2

我有一个带有类别和数据集的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应用程序中设置“状态”。] >

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

感谢您的时间!

Currentoutupt

我有一个带有类别和数据集的Highchart堆积图,如下所示:Categories = [“ Clark”,“ Steven”,“ Steve”,“ Robert”,“ Max”]系列= [{名称:“ Wins”数据: [0,0,0,0,0]},{名称:“丢失”数据:[...

javascript reactjs highcharts react-highcharts
2个回答
0
投票

您需要调试它,尝试在事件侦听器上运行console.log(this),之后您应该能够找到所需的属性。一种简单的方法是在运行应用程序的浏览器控制台上查看。


0
投票

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

© www.soinside.com 2019 - 2024. All rights reserved.