Как я могу динамически заполнить плагин highchart jQuery от действия MVC?

Question

Я пробую плагин 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.

Любая помощь приветствуется!

Answer 1

Я отвечаю на аналогичный вопрос Простая гистограмма в приложении jQuery HighCharts и MVC 2?

Answer 2

Я только что заработал, когда у меня возникли проблемы с форматированием моих динамических данных в приложении 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]]
}]