我尝试使用 jqplot 创建可以单击的条形图,然后将用户重定向到另一个页面以及标签值作为 url 参数,但是没有运气建立链接。这就是我所做的。
$(document).ready(function() {
$.jqplot.config.enablePlugins = true;
var ticks = [ 'SCAN', 'SGON', 'TERM', 'TRAN'];
var arrBranchId = ['08270K08001', '08298K08003', '12026K12003','14123K14003'];
var plot1 = $.jqplot('chart1',[[0,0,0,1],[2,4,2,5],[0,0,0,1],[0,5,0,1]], {
seriesDefaults: {
renderer: $.jqplot.BarRenderer,
rendererOptions: { fillToZero: true },
pointLabels: { show: true }
},
series: [{label:'08270K08001'},{label:'08298K08003'},{label:'12026K12003'},{label:'14123K14003'}],
legend: {
show: true,
placement: 'ne'
},
highlighter: {
show: false,
},
cursor: {
show: true
},
axes: {
xaxis: {
renderer: $.jqplot.CategoryAxisRenderer,
ticks: ticks
},
yaxis: {
renderer: $.jqplot.CategoryAxisRenderer,
pad: 1.05,
tickOptions: { formatString: '%d' }
}
}
});
});
- 我应该如何链接到该栏,例如 localhost/webCharts/branch.aspx?branchId=08270K08001
也试过这个How to catch the click event from the axis ticks jqplot, highcharts,flot,把函数改成
$('.jqplot-xaxis-tick').each(function(){
var label = $(this),
value = label.text();
if(categoryLinks[value]) {
label.click(function(){
alert('could link to another page: ' + categoryLinks[value]);
});
}
});
但是当用户点击时什么都没有发生。我在这里错过了什么吗?提前致谢