Comment puis-je remplir highchart plugin jQuery dynamiquement d'une action MVC?

Question

J'essaie le plugin jQuery Highcharts pour créer des graphiques de données dans une application MVC. Mais je dois obtenir les données de la fonction dynamique à partir d'une méthode d'action. Comment puis-je faire?

En prenant l'exemple du site Highcharts ( http://highcharts.com/documentation/how- à utiliser ):

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]
         }]
      });
   });

Comment puis-je obtenir les données là dynamiquement à partir de la méthode d'action? Quelqu'un a suggéré que je pourrais utiliser JSON, mais n'a pas pu préciser comment. Si tel est le cas, je serais vraiment reconnaissant un simple et exemple précis, parce que je ne sais pas beaucoup sur JSON.

Toute aide appréciée!

Answer 1

Je viens moi-même de travailler après avoir quelques problèmes avec le formatage de mes données dynamiques dans un Rails app je travaille.

J'ai fini à l'aide de tâtonnement, l'affichage de la source de la page jusqu'à ce qu'il a regardé la façon dont je le voulais.

series [{
name: "#{@model_name}",
data: #{@model_name.get_some_nested_array.to_json}
}]

dans la source de la page, il ressemble à ceci:

series [{
name: "Model Name",
data: [[1, 4], [2, 3], [3, 7]]
}]