現在、データベースのデータに従ってレンダリングするハイチャートがあります。現在、「A」や「C」などの値を手動で渡すと正しい値でレンダリングされるテーブルもありますが、ユーザーがクリックしたときに onClick イベントに従ってテーブルをレンダリングしたいと思いますハイチャートのバー。
以下の @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>