Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

99
Vistas
Agregar un estilo de punto diferente a cada columna de csv analizado en chart.js

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" } ) }
about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

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" }) }
about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda