高图表 + 从 jquery 中的选项设置事件点击
Highcharts + set event click from options in jquery
我有一个这样的数组选项:
var options = {
chart: {
type: 'bar',
events: {
click: function(event) {
}
}
},
xAxis: {
categories: '',
title: {
text: null
}
},
yAxis: {
min: 0,
title: {
text: 'Aantal keer gekozen',
align: 'high'
},
labels: {
overflow: 'justify'
}
},
tooltip: {
//valueSuffix: ' aantal keer gekozen'
},
plotOptions: {
bar: {
dataLabels: {
enabled: true,
color: 'black',
formatter: function() {
if (this.y === 0) {
return null;
} else {
return this.y;
}
}
},
stacking: 'normal'
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -40,
y: 100,
floating: true,
borderWidth: 1,
backgroundColor: '#FFFFFF',
shadow: true
},
credits: {
enabled: false
},
exporting: {
enabled: true
},
series: []
}
如您所见,我不在点击功能上做任何事情。
我在foreach
的jQuery中创建高图表(所以我创建了多个图表)。
options.chart.renderTo = 'container' + index;
chart = new Highcharts.Chart(options);
现在如何像renderTo
那样添加事件点击?
您可能需要阅读有关 javascript 中的闭包的信息 - 否则为每个图表添加相同的事件。
另一种解决方案是为图表创建 id 数组,然后使用:options.chart.events.click = function() { window.location.href = '/path/' + ids[index]; }
;
相关文章:
- 我可以在FullCalendar中设置事件ClickLimit弹出窗口的样式吗
- 如何在表单提交时在谷歌分析上设置事件跟踪
- requirejs在代码中设置事件
- 如何在javascript中设置事件的顺序
- 如何在按钮单击中设置事件的优先级
- 在扩展事件发射器的 ES6 类定义中设置事件侦听器
- 如何使用 XML 合金标记在钛金中的列表视图上设置事件
- 使用 jQuery 循环设置事件函数触发器
- JQuery 设置事件触发的计时器
- 如何使用 jQuery 将设置事件侦听器推迟到 ajax 调用和渲染完成后
- 如何在 for 循环中维护迭代变量的原始值,该循环设置事件调用,其中迭代值是函数的一部分
- 高图表 + 从 jquery 中的选项设置事件点击
- 使用ES6箭头函数设置事件侦听器
- Safari中没有密钥设置事件
- 如何在JQuery中设置事件
- 如何将字符映射到IE/Mozzilla密钥码,以便与Javascript密钥设置事件一起使用
- Mootools正在为循环设置事件
- 如何在流星中设置事件目标的文本和颜色?
- 在特定层(google maps)上设置事件监听器
- 如何为谷歌图表设置事件