¿Cómo puedo llenar highchart plugin de jQuery dinámica de la acción MVC?
-
13-10-2019 - |
Pregunta
Estoy probando el plugin Highcharts jQuery para crear gráficos de datos en una aplicación MVC. Pero necesito para obtener los datos para la función dinámica a partir de un método de acción. ¿Cómo puedo hacer eso?
Tomando el ejemplo desde el sitio Highcharts ( http://highcharts.com/documentation/how- de usar):
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]
}]
});
});
¿Cómo puedo obtener los datos que hay en la dinámica del método de acción? Alguien sugirió que podría utilizar JSON, pero no pudo especificar cómo. Si este es el caso, yo realmente aprecio un simple y ejemplo específico, porque no sé mucho de JSON.
Cualquier ayuda apreciada!
Solución
Me acabo yo mismo trabajando después de tener algunos problemas con el formato de mis datos dinámicos en una aplicación Rails que estoy trabajando.
Terminé usando ensayo y error, la visualización de la fuente de la página hasta que pareció la manera que quería.
series [{
name: "#{@model_name}",
data: #{@model_name.get_some_nested_array.to_json}
}]
Así que en la fuente de la página que tiene este aspecto:
series [{
name: "Model Name",
data: [[1, 4], [2, 3], [3, 7]]
}]