Highchart - cores dependendo dos valores
Quero dar uma cor para as barras, dependendo de seus valores.
Por exemplo, se você tiver um valor de barra 5000, a cor deverá ser VERMELHA Escura semelhante para 3000 menos mais escura que os valores de 5000 barras ...
Quero adicionar espaço total, como 100 TB, acima de todas as barras (algum texto no valor da minha barra)
`Gráfico de barras de disponibilidade
$(function () {
$('#container').highcharts({
chart: {
type: 'column'
},
title: {
text: 'Disk Utility'
},
subtitle: {
text: 'Source: <a href="https://en.wikipedia.org/wiki/World_population">Application Name</a>'
},
xAxis: {
categories: ['Checkout', 'Hermes', 'Hybris', 'Marketplace', 'Mobile'],
title: {
text: null
}
},
yAxis: {
min: 0,
title: {
text: 'Used (TB)',
align: 'high'
},
labels: {
overflow: 'justify'
}
},
tooltip: {
valueSuffix: ' millions'
},
plotOptions: {
column: {
dataLabels: {
enabled: true,
color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white',
style: {
textShadow: '0 0 3px black'
}
}
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -40,
y: 80,
floating: true,
borderWidth: 1,
backgroundColor: ((Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'),
shadow: true
},
credits: {
enabled: false
},
series: [{
data: [107, 311, 635, 203, 244]
}]
});
});
enter code here