Crear series para highchart dinamicamente

Si necesitamos crear una variable para que se le asignemos a series como el siguiente ejemplo:


series: [{
                name: 'Tokyo',
                data: [7.0, 6.9]
            }]

Podemos hacerlo de la siguiente manera, pero primero les muestro que significa lo anterior:

El que un objeto tenga [] significa que es un array.

El que también haya {} significa que es un objeto.

Los array se definen por ejemplo así:

var miarray = [];
miarray.push("item");//agregando un item al array

Los objetos se definen por ejemplo así:

var miobjeto = {
unapropiedad: 'valor de mi primera propiedad',
segundapropiedadnumerica: 333
};

Así entonces, si analizamos lo que necesita en este caso highchart según el ejemplo inicial:


series: [{
                name: 'Tokyo',
                data: [7.0, 6.9]
            }]



Entonces podemos concluir que necesitamos:
1) Un array No 1. por los corchetes []
var seriesValores = [];

2) Un Objeto con propiedades: name y data.

var serievalor = {
                name: 'Tokio',
                data: arrayValores
            };


3) Un array No.2 que vamos a asignarselo a data.
var arrayValores = [];
arrayValores.push(7.0);
arrayValores.push( 6.9);

3) Hacerle un push al array No 1 del objeto creado.
seriesValores.push(serievalor);

Así sería entonces en el orden apropiado:

var seriesValores = [];
var arrayValores = [];


arrayValores.push(7.0);
arrayValores.push( 6.9);


var serievalor = {
                name: 'Tokio',
                data: arrayValores
            };



seriesValores.push(serievalor);

Y cuando definamos nuestro highchart entonces así:


series: seriesValores


Espero les sirva.

Sean felices! :) Y siéntanse libres de opinar ;)

1 comentario:

  1. Excelente, muchas gracias, era justo lo que buscaba y me sirvió mucho!!

    ResponderEliminar