Javascript 将对象附着到Highcharts单击事件
从D3移动到高图表,这让我难以理解。我有一个相当复杂的对象,它包含一个Javascript 将对象附着到Highcharts单击事件,javascript,highcharts,Javascript,Highcharts,从D3移动到高图表,这让我难以理解。我有一个相当复杂的对象,它包含一个点击对象,需要在系列中的点击功能中访问该对象。我正在使用数据和名称创建一个系列数组,只需进行一个小的转换,但是我还需要将这个对象附加到数据点。不知道怎么做 举个简单的例子。原始数据: [ { "key": "Super Cool Thing", "format": ".2f", "values": [ { "label": "01", "value": 9
点击
对象,需要在系列中的点击功能中访问该对象。我正在使用数据和名称创建一个系列数组,只需进行一个小的转换,但是我还需要将这个对象附加到数据点。不知道怎么做
举个简单的例子。原始数据:
[
{
"key": "Super Cool Thing",
"format": ".2f",
"values": [
{
"label": "01",
"value": 9.5,
"format": ".2f",
"order": 0,
"tooltip": "numerator = 133, denominator = 14",
"clickthrough": {
"output_format": "json",
"metrics": "",
"options": {
"columns": [
{
"order": 1,
"display_as": "Brand",
"format": "{0}",
"name": "brand",
"data_type": "string"
},
{
"order": 2,
"display_as": "Last Submit Time (Month)",
"format": "%m",
"name": "last-submit-time-month",
"data_type": "datetime"
},
{
"order": 3,
"display_as": "Agent Things",
"format": "{0}",
"name": "agent-thing-values",
"data_type": "string"
}
]
},
"cut_y": "brand",
"type": "",
"filter": { },
"cut_x": "last-submit-time-month"
},
"metrics": [
{
"name": "Agent - Feel Appreciated Mean",
"slug": "qcustomersatr4-mean"
}
]
}
]
}
]
运行(超级快速POC)功能:
我不确定如何格式化系列数据,以包含后续事件函数中可访问的其他数据。我现在通过d3来做这件事,这很好,但是我正在努力用Highcharts方法来做同样的事情。似乎我不能向系列或数据中添加任何我想要的内容,所以这可能吗?拥有它。我必须明确地设置
y
值,然后我可以添加任何其他在事件中有用的内容
例如:
data[i].values.forEach(val => {
values.push({link: val.clickthrough, y:val.value});
xcuts.push(val.label);
});
chart.addSeries({
name: data[i].key,
data: values
})
plotOptions: {
series: {
allowPointSelect: true,
cursor: 'pointer',
point: {
events: {
click: function (event) {
console.log('CLICKTHROUGH DATA HERE');
console.log(event.point);
}
}
}
},
},
data[i].values.forEach(val => {
values.push({link: val.clickthrough, y:val.value});
xcuts.push(val.label);
});
chart.addSeries({
name: data[i].key,
data: values
})