我希望有人可以帮助我创建一个Highcharts Graph，当单击列/栏时，会打开一个新窗口。非常类似于HTML的等效项：
<a target="_blank">test</a>
我设法做到这一点而没有创建新窗口，我希望有人可以告诉我我需要调整以适应新窗口弹出窗口的问题？
我在jsfiddle有一个例子
基本上是以下代码：
$(function () {
$('#container').highcharts({
chart: {
type: 'column'
},
title: {
text: 'Title'
},
credits: {
enabled: false
},
xAxis: {
categories: ["category_1", "category_2", "category_3", "category_4"],
crosshair: true
},
yAxis: {
min: 0,
title: {
text: 'Count'
}
},
tooltip: {
headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
'<td style="padding:0"><b>{point.y:.1f}</b></td></tr>',
footerFormat: '</table>',
shared: true,
useHTML: true
},
legend: {
labelFormatter: function () {
var total = 0;
for (var i = this.yData.length; i--; ) {
total += this.yData[i];
}
;
return 'Total: ' + total;
},
align: 'right',
verticalAlign: 'top',
x: -40,
y: 60,
floating: true
},
plotOptions: {column: {pointPadding: 0.2, borderWidth: 0, dataLabels: {enabled: true}}, },
series: [{
name: 'Live Trial Lead Sources',
data: [{"y":111,"url":"http:\/\/www.google.ie"},{"y":44,"url":"http:\/\/www.google.ie"},{"y":22,"url":"http:\/\/www.google.ie"},{"y":10,"url":"http:\/\/www.google.ie"}],
cursor: 'pointer',
point: {
events: {
click: function () {
location.href = this.options.url;
}
}
}
}]
});
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>我认为可能是以下类似的错误信息：
[{"y":111,"url":"http:\/\/www.google.ie","target"=>"_blank"} ...
提前致谢。
在series.point.events.click可以切换您的语句：
location.href = this.options.url;
使用（更新JSFiddle）：
window.open(this.options.url, '_blank');
然后，它将在新窗口中打开URL。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句