Come posso compilare highchart plugin jQuery dinamicamente dall'azione MVC?

Question

Sto provando il plugin Highcharts jQuery per la creazione di grafici di dati in un'applicazione MVC. Ma ho bisogno di ottenere i dati per la funzione in modo dinamico da un metodo di azione. Come posso fare?

Prendendo l'esempio dal sito Highcharts ( http://highcharts.com/documentation/how- da usare ):

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

Come posso ottenere i dati in là in modo dinamico dal metodo di azione? Qualcuno ha suggerito che potrei usare JSON, ma non ha potuto specificare come. Se questo è il caso, vorrei davvero apprezzare un semplice ed esempio specifico, perché io non so molto di JSON.

Qualsiasi aiuto apprezzato!

Answer 1

Ho appena ricevuto io stesso a lavorare dopo aver avuto qualche problema con la formattazione i miei dati dinamici in un applicazione Rails su cui sto lavorando.

Ho finito per usare tentativi ed errori, la visualizzazione del sorgente della pagina fino a che non sembrava il modo in cui ho voluto che.

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

Quindi, nel sorgente della pagina che appare così:

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