如何通过MVC操作动态填充Highchart jQuery插件?
-
13-10-2019 - |
题
我正在尝试使用HighCharts jQuery插件,以在MVC应用程序中创建数据图。但是我需要从操作方法动态获取该函数的数据。我怎样才能做到这一点?
从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