MVCアクションからハイチャートjQueryプラグインを動的に取り込む方法はありますか？

Question

私は、MVCアプリケーションでデータのチャートを作成するためのHighcharts jQueryプラグインを試しています。しかし、私はアクションメソッドから関数のデータを動的に取得する必要があります。どうやってやるの？ Highchartsサイト（http://highcharts.com/documentation/how-to-use）から例に取ると

：

var chart1; // globally available 
$(document).ready(function() { 
     chart1 = new Highcharts.Chart({ 
     chart: { 
      renderTo: 'chart-container-1', 
      defaultSeriesType: 'bar' 
     }, 
     title: { 
      text: 'Fruit Consumption' 
     }, 
     xAxis: { 
      categories: ['Apples', 'Bananas', 'Oranges'] 
     }, 
     yAxis: { 
      title: { 
       text: 'Fruit eaten' 
      } 
     }, 
     series: [{ 
      name: 'Jane', 
      data: [1, 0, 4] 
     }, { 
      name: 'John', 
      data: [5, 7, 3] 
     }] 
     }); 
    }); 

どのように私はアクションメソッドから動的にそこにデータを得ることができますか？誰かが私がJSonを使うかもしれないと示唆しましたが、方法を指定することはできませんでした。この場合、私はJSonについてよく知らないので、シンプルで具体的な例を本当にうれしく思います。

Answer 1

私が作業しているRailsアプリケーションで動的データをフォーマットする際に問題が発生した後、自分自身で作業しています。

試してみるとエラーが発生し、ページソースが見た目に見えるようになりました。

series [{
name: "#{@model_name}",
data: #{@model_name.get_some_nested_array.to_json}
}]

ので、ページのソースには次のようになります。

series [{
name: "Model Name",
data: [[1, 4], [2, 3], [3, 7]]
}]

Answer 2

私は同様の質問にSimple bar chart in jQuery HighCharts and MVC 2 application?