[Resuelto] Duda JQUERY JSON

[.:UND3R:.]

Hola a todos tengo el siguiente código en un template:

Código (javascript) [Seleccionar] Expandir

Morris.Area({
element: 'morris-area-chart',
data: [{
period: '2010-09-08',
iphone: 2666,
ipad: null,
itouch: 2647
}, {
period: '2010-08-08',
iphone: 2778,
ipad: 2294,
itouch: 2441
}, {
period: '2010-09-07',
iphone: 4912,
ipad: 1969,
itouch: 2501
}, {
period: '2010-09-05',
iphone: 3767,
ipad: 3597,
itouch: 5689
}, {
period: '2010-09-03',
iphone: 6810,
ipad: 1914,
itouch: 2293
}, {
period: '2010-09-01',
iphone: 5670,
ipad: 4293,
itouch: 1881
}, {
period: '2009-09-08',
iphone: 4820,
ipad: 3795,
itouch: 1588
}, {
period: '2009-09-02',
iphone: 15073,
ipad: 5967,
itouch: 5175
}, {
period: '2009-09-01',
iphone: 10687,
ipad: 4460,
itouch: 2028
}, {
period: '2009-03-08',
iphone: 8432,
ipad: 5713,
itouch: 1791
}],
xkey: 'period',
ykeys: ['iphone', 'ipad', 'itouch'],
labels: ['iPhone', 'iPad', 'iPod Touch'],
pointSize: 2,
hideHover: 'auto',
resize: true
});

Como podría agregar nuevos valores:

Código (javascript) [Seleccionar] Expandir

{
period: '2019-09-01',
iphone: 10687,
ipad: 4430,
itouch: 2238
}

saludos

[eLank0]

Código (javascript) [Seleccionar] Expandir

Morris.Area.Data.push({ nuevovalor });

Salu2

[MinusFour]

Eso no es JSON, es simplemente un arreglo de objetos.

Si miras, el prototipo de la instancia creada por Morris te darías cuenta que hay un método setData:

Código (javascript) [Seleccionar] Expandir


var data = [{
period: '2010-09-08',
iphone: 2666,
ipad: null,
itouch: 2647
}, {
period: '2010-08-08',
iphone: 2778,
ipad: 2294,
itouch: 2441
}, {
period: '2010-09-07',
iphone: 4912,
ipad: 1969,
itouch: 2501
}, {
period: '2010-09-05',
iphone: 3767,
ipad: 3597,
itouch: 5689
}, {
period: '2010-09-03',
iphone: 6810,
ipad: 1914,
itouch: 2293
}, {
period: '2010-09-01',
iphone: 5670,
ipad: 4293,
itouch: 1881
}, {
period: '2009-09-08',
iphone: 4820,
ipad: 3795,
itouch: 1588
}, {
period: '2009-09-02',
iphone: 15073,
ipad: 5967,
itouch: 5175
}, {
period: '2009-09-01',
iphone: 10687,
ipad: 4460,
itouch: 2028
}, {
period: '2009-03-08',
iphone: 8432,
ipad: 5713,
itouch: 1791
}];

var area = Morris.Area({
element: 'morris-area-chart',
data: data,
xkey: 'period',
ykeys: ['iphone', 'ipad', 'itouch'],
labels: ['iPhone', 'iPad', 'iPod Touch'],
pointSize: 2,
hideHover: 'auto',
resize: true
});

//agrega:
data.push({
period: '2019-09-01',
iphone: 10687,
ipad: 4430,
itouch: 2238
});

area.setData(data, true);//redibuja

[eLank0]

No puedo conocer todas las librerías del mundo. Según su código, lo que yo le puse creo que no está mal.

Salu2

[.:UND3R:.]

Hola a ambos, muchas gracias por sus respuestas, ambas estaban en lo correcto, creo que por una parte me faltó leer un poco más la documentación y por otra investigar bien la estructura de JSON, aun así está todo solucionado en base a lo que me escribieron, saludos y gracias