Как я могу динамически заполнить плагин jquery jquery от MVC?
-
13-10-2019 - |
Вопрос
Я пробую плагин Hightcharts 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]]
}]