Estoy construyendo unos gráficos con Highcharts, pero tengo problemas para cambiar los colores de las barras de dicho gráfico, colocando colorByPoint
en true las barras obtienen un color difrente automaticamente sin posibilidad de escoger cuál color se quiere en cada barra, y colocando colorByPoint
en falso se puede elegir el color que uno prefiera utilizando color
: '#colordesupreferencia', pero al usar el color de esta manera, todas las barras de la serie toman ese único color. Aquí dejo el código que tengo para que entiendan a qué me refiero
$(function () {
$('#container').highcharts({
chart: {
type: 'bar'
},
xAxis: {
categories: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic']
},
plotOptions: {
series: {
colorByPoint: true
}
},
series: [{
data: [26, 41.5, 100.5, 11.2, 210.0, 216.0, 137.0, 48.5, 21.4, 194.7, 99.6,156.3]
}, {
colorByPoint: false,
data: [26, 41.5, 100.5, 11.2, 210.0, 216.0, 137.0, 48.5, 21.4, 194.7, 99.6,156.3],
color: '#F75E25'
}]
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 400px"></div>
Necesito cambiar únicamente el color del mes de marzo (ejemplo) en la serie 2, donde todas las barras tienen un único color, ya que no se me ocurre algo más para poder cambiar el color de ese mes en específico.