MVCアクションからHighChart jQueryプラグインを動的に入力するにはどうすればよいですか?
-
13-10-2019 - |
質問
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についてはあまり知らないので、簡単で具体的な例に感謝します。
どんな助けも感謝します!
解決
私が取り組んでいる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]]
}]
所属していません StackOverflow