Mis conjuntos de datos de Chart.js tienen el siguiente aspecto:
datasets: [ { data: data_0, label: unit_0, backgroundColor: "#3e95cd", borderColor: "#3e95cd", yAxisID: 'data_0-axis', }, { data: data_1, label: unit_1, backgroundColor: "#8e5ea2", borderColor: "#8e5ea2", yAxisID: 'data_1-axis' }, { data: data_2, label: unit_2, backgroundColor: "#3cba9f", borderColor: "#3cba9f", yAxisID: 'data_2-axis' }, { data: data_3, label: unit_3, backgroundColor: "#000000", borderColor: "#000000", yAxisID:'data_3-axis' } ]Quiero agregar algunas condiciones como verificar si los datos son válidos o no. En caso de datos no válidos, esos datos deben aparecer o no mostrarse en el gráfico. Básicamente quiero hacer algo como esto:
datasets: [ //Some conditions before adding the data to the graph. if(condition){ { data: data_0, label: unit_0, backgroundColor: "#3e95cd", borderColor: "#3e95cd", yAxisID: 'data_0-axis', }}, if(condition){{ data: data_1, label: unit_1, backgroundColor: "#8e5ea2", borderColor: "#8e5ea2", yAxisID: 'data_1-axis' }}, ]Sería útil si pudiera obtener ayuda sobre cómo lograr algo similar a esto.
A partir de una breve mirada a Chart.js, parece que puede usar JavaScript arbitrario con él, y una función JS integrada que se adapta perfectamente a esta situación es el método .filter de Arrays.
Este código de demostración ofrece un breve resumen de cómo puede funcionar para usted:
const demo_datasets = [ {data: "data_1", YAxisID: "data_1-axis"}, // (Has a valid YAxisID) {data: "bad_data_1", YAxisID: ""}, {data: "bad_data_2", YAxisID: 42}, {data: "bad_data_3" } ]; // This is how you would populate your actual `datasets` variable. (Initializing // Array w/ spread operator is redundant if demo_datasets is already an Array) const filtered = filterData([...demo_datasets], hasYAxis); console.log(`datasets before filtering: ${demo_datasets.length}`); console.log(`after filtering: ${filtered.length}`) console.log("\nvalid sets:"); console.log(filtered); // `filterData` is our main Function function filterData(dubiousData, filterFunc){ // `filterData` takes an Array and a Func, uses `.filter` to make a new Array, // which includes only those elements for which Func returns true return dubiousData.filter(filterFunc); } function hasYAxis(dSet){ // One possible filter function -- YAxisID must be a non-empty string if (dSet.YAxisID && typeof dSet.YAxisID === 'string'){ return true; } }