0

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 についてあまり知らないので、単純で具体的な例を本当に感謝します。

どんな助けでも大歓迎です！

4

1 に答える 1

0

作業中の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]]
}]

于 2010-12-31T03:52:00.460 に答える