Realmente estoy luchando con la transformación de Objeto. Tengo una matriz de objetos y quiero transformarla en una entrada de gráfico multilínea de Highcharts . Primero quiero que las fechas únicas se ordenen de menor a mayor, lo que irá al eje x y luego transformará el Original en función de la ID y la date . La longitud de cada ID.data seguirá siendo la misma (cualquiera que sea el count de fechas que no esté disponible para esa fecha, aparecerá como nulo)
Original:
[ { "date": "1997-09-29", "Count": 100, "ID": "AB12-R" }, { "date": "1997-12-30", "Count": 104.7, "ID": "AB13-R" }, { "date": "1998-03-30", "Count": 981, "ID": "BA12-R" }, { "date": "1998-06-01", "Count": 341, "ID": "BA12-R" } ]transformado:
[{ Identiy : 'AB12-R', data : [100,null,null,null] }, { Identiy : 'AB13-R', data : [null,104.7,null,null] },{ Identiy : 'BA12-R', data : [null,null,981,341] }]He intentado con reducir pero nada funciona, parece. Puedo agruparlo por ID pero no puedo manejar el conteo nulo y faltante. ¿Puede alguien ayudarme aquí?
Esto es lo que he intentado:
const result = Original.reduce(function (r, a) { r[a.ID] = r[a.ID] || []; r[a.ID].push(a); return r; }, Object.create(null)); console.log({'Transformed':result})Echa un vistazo a esta solución:
const hcData = []; data.forEach((d, i) => { const checkIfExist = hcData.find(data => data.id === d["ID"]) if (checkIfExist) { checkIfExist.data[i] = d["Count"]; } else { const initialData = [...Array(data.length)] initialData.fill(null, 0, data.length) initialData[i] = d["Count"]; hcData.push({ data: initialData, id: d["ID"] }) } })Demostración: https://jsfiddle.net/BlackLabel/k2dg1wns/