目前我有一个根据我的数据库中的数据呈现的 Highchart。我目前还有一个表格,当我手动传入“A”或“C”之类的值时,该表格会呈现正确的值,但我希望该表格在用户单击时根据 onClick 事件呈现我的Highchart中的酒吧。
对于下面的每个对应值,例如@a_sum,我有一个名为@a 的数组,其中包含将传递到图表中的字符串值。
我在谷歌上搜索了一下,运气不好。我想知道当用户单击该特定栏时如何获得 char 中栏的值。
任何帮助将不胜感激。
<script type="text/javascript" charset="utf-8">
var chart1; // globally available
$(document).ready(function () {
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'bar'
},
title : {
text: "Most Effective Referral Sources"
},
xAxis: {
categories: ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L']
},
yAxis: {
},
legend: {
layout: 'vertical',
floating: true,
backgroundColor: '#FFFFFF',
align: 'right',
verticalAlign: 'top',
y: 60,
x: -60
},
tooltip: {
formatter: function() {
return '<b>'+ this.series.name +'</b><br/>'+
this.x +': '+ this.y;
}
},
plotOptions: {
},
series: [{
data: [<%= @a_sum %>, <%= @b_sum %>, <%= @c_sum %>, <%= @d_sum %>, <%= @e_sum %>, <%= @f_sum %>, <%= @g_sum %>, <%= @h_sum %>, <%= @i_sum %>, <%= @j_sum %>, <%= @k_sum %>, <%= @l_sum %>]
}]
});
});
</script>