Quiero filtrar dos objetos en la matriz de conjuntos de datos por etiqueta con fecha. Lo uso en react-chartjs-2. no se como filtrar
Ejemplo :
First Object : { "id": 2, "customer_id": 4, "date": "2019-05-15T21:00:00.000Z", "wbc": 15, "vitamin": 14 } Second Object : { "id": 3, "customer_id": 4, "date": "2022-05-22T21:00:00.000Z", "wbc": 20, "vitamin": 5 }Necesito esto:
datasets: [ { label: "WBC", data: [ { x: "2019-05-15", y: 15 }, { x: "2022-05-22", y: 20 }, ], backgroundColor: "#003f5c", pointRadius: 8, pointHoverRadius: 8, }, { label: "Vitamin", data: [ { x: "2019-05-15", y: 14 }, { x: "2022-05-22", y: 5 }, ], backgroundColor: "#ffa600", pointRadius: 8, pointHoverRadius: 8, }, ],Yo haría algo como esto:
const items = [{ id: 2, customer_id: 4, date: '2019-05-15T21:00:00.000Z', wbc: 15, vitamin: 14, }, { id: 3, customer_id: 4, date: '2022-05-22T21:00:00.000Z', wbc: 20, vitamin: 5, }, ]; const keys = [{ type: 'wbc', settings: { backgroundColor: '#003f5c', pointRadius: 8, pointHoverRadius: 8, }, }, { type: 'vitamin', settings: { backgroundColor: '#ffa600', pointRadius: 8, pointHoverRadius: 8, }, }, ]; const datasets = keys.reduce((a, k) => { const o = { label: k.type.toUpperCase(), data: items.map((i) => ({ x: new Date(i.date).toLocaleDateString(), y: i[k.type], })), ...k.settings, }; a.push(o); return a; }, []); console.log(datasets);