Estoy tratando de usar el csv analizado para especificar un color de estilo de punto para cada conjunto de datos de columna. En este momento, esto provocará la alternancia de colores de los puntos en el gráfico de líneas. ¿Dividir el 'borderColor:' en tres si las declaraciones de "i es igual al número de columna" funcionan? No estoy seguro de cómo se escribiría esto.
var data = Papa.parse(csvString).data; var timeLabels = data.slice(1).map(function(row) { return row[0]; }); // data in that column var datasets = []; for (var i = 1; i < data[0].length; i++) { datasets.push( { label: data[0][i], // column name data: data.slice(1).map(function(row) {return row[i]}), // data in that column fill: false, // `true` for area charts, `false` for regular line charts borderColor: ["#3e95cd","#8e5ea2","#c45850"], borderWidth: "2", pointRadius: '0', pointStyle: "rectRot" } ) }
Ahora le está diciendo a cada conjunto de datos que los colores que tiene que usar son una matriz de 3 colores, por lo que lo hará, como dijo, si solo quiere un color, solo necesita pasar ese color así:
var datasets = []; const colors = ["#3e95cd", "#8e5ea2", "#c45850"]; for (var i = 1; i < data[0].length; i++) { datasets.push({ label: data[0][i], // column name data: data.slice(1).map(function(row) { return row[i] }), // data in that column fill: false, // `true` for area charts, `false` for regular line charts borderColor: colors[i], borderWidth: "2", pointRadius: '0', pointStyle: "rectRot" }) }