0
135
ViewsChart.js cambio de color de los puntos de datos
Quiero que los puntos sean de color sólido en lugar de un borde del color de la línea. ¿Cómo elimino el color del borde de los puntos de datos y lo convierto en un color sólido?
Salida de corriente:
Lo que quiero: 
·
Juan Pablo Isaza
2 answers
Answer question0
Puede establecer el punto y el borde del punto en el mismo color.
datasets: [ { label: 'Dataset 1', data: Utils.numbers(NUMBER_CFG), fill: false, borderColor: Utils.CHART_COLORS.red, backgroundColor: '#1F363D', # Here borderWidth: 1, pointRadius: 5, pointBorderColor: '#1F363D' #Here }, 
·
Juan Pablo Isaza
Report
0
Puede establecer el valor de color para cada punto de datos de una matriz.
data: { labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'], datasets: [{ label: '# of Votes', data: [12, 19, 3, 5, 2, 3], backgroundColor: [ 'rgba(54, 162, 235, 1)', 'rgba(54, 162, 235, 1)', 'rgba(54, 162, 235, 1)', 'rgba(54, 162, 235, 1)', 'rgba(54, 162, 235, 1)', 'rgba(54, 162, 235, 1)' ], borderColor: [ 'rgba(255, 99, 132, 1)', 'rgba(54, 162, 235, 1)', 'rgba(54, 162, 235, 1)', 'rgba(54, 162, 235, 1)', 'rgba(54, 162, 235, 1)', 'rgba(54, 162, 235, 1)', ], borderWidth: 1 }] 
codepen - https://codepen.io/non_tech_guy/pen/VwzwRrL
El único inconveniente que puedo ver es que el primer valor de borderColor controla el color de la línea, pero está un paso más cerca.
·
Juan Pablo Isaza
Report
Answer question