Javascript 使高图中的系列可点击
有人知道如何让高分图中的系列可以点击吗?如果您单击其中一个项目,它会将您带到外部链接 我查看了文档,在highcharts中找不到选项 这是文件中提供的小提琴。如果有人能让这个系列可以点击,那就太棒了 谢谢大家! 你可以试试这个Javascript 使高图中的系列可点击,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,有人知道如何让高分图中的系列可以点击吗?如果您单击其中一个项目,它会将您带到外部链接 我查看了文档,在highcharts中找不到选项 这是文件中提供的小提琴。如果有人能让这个系列可以点击,那就太棒了 谢谢大家! 你可以试试这个 series: { cursor: 'pointer', point: { events: { click: function() {
series: {
cursor: 'pointer',
point: {
events: {
click: function() {
//your logic
}
}
}
}
试试这个。运行:-
})) 您可以在点对象中设置url(或使用全局),捕捉点上的单击事件并运行window.location
plotOptions: {
series: {
cursor: 'pointer',
point: {
events: {
click: function () {
var url = this.options.url;
window.open(url);
}
}
},
}
},
series: [{
data: [{
x: 0,
y: 29.9,
url: 'http://www.google.com'
}, {
x: 1,
y: 71.5,
url: 'http://www.yahoo.com'
}]
}]
$(function () {
$('#container').highcharts({
chart: {
},
xAxis: {
minPadding: 0.05,
maxPadding: 0.05
},
series: [{
data: [
[0, 29.9],
[1, 71.5],
[3, 106.4]
]
}],
plotOptions: {
series: {
cursor: 'pointer',
point: {
events: {
click: function() {
//do your stuff
alert([this.x,this.y]);
}
}
},
marker: {
lineWidth: 1
}
}
},
});
plotOptions: {
series: {
cursor: 'pointer',
point: {
events: {
click: function () {
var url = this.options.url;
window.open(url);
}
}
},
}
},
series: [{
data: [{
x: 0,
y: 29.9,
url: 'http://www.google.com'
}, {
x: 1,
y: 71.5,
url: 'http://www.yahoo.com'
}]
}]