[highcharts] ¿Cómo se cambia el color de cada categoría dentro de un gráfico de columnas de alto gráfico?



Answers

También puedes configurar la opción:

  {plotOptions: {column: {colorByPoint: true}}}

para más información lee docs

Question

Tengo un gráfico de columnas que tiene varias categorías, cada una con un solo punto de datos (por ejemplo, como este ). ¿Es posible cambiar el color de la barra para cada categoría? es decir, ¿para que cada barra tenga su propio color único en lugar de que todo sea azul?




Sí, aquí hay un ejemplo en jsfiddle: http://jsfiddle.net/bfQeJ/

Highcharts.setOptions({
    colors: ['#058DC7', '#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#FFF263', '#6AF9C4']
});

El ejemplo es un gráfico circular pero puedes llenar la serie con todos los colores al contenido de tu corazón =)




{plotOptions: {bar: {colorByPoint: true}}}



agregar propiedades:

 colors: ['Red', 'Bule', 'Yellow']



Como se menciona por antonversal, leer los colores y usar la opción de colores al crear el objeto gráfico funciona.

var chart3 = new Highcharts.Chart({colors: ['#458006', '#B0D18C']});



Related



Tags

highcharts