Мы используем свойство minPointLength, чтобы точки со значением 0 отображались в столбчатой диаграмме с накоплением. Проблема в том, что теперь точка со значением 4 (третий столбец слева на скриншоте) отображается меньше минимальной высоты. На следующем скриншоте находится очень маленький блок со значением 4, а блоки с 0 отображаются красным цветом.
Я ожидал, что блоки сзначение больше 0 также больше, чем блоки со значением 0 или, по крайней мере, той же высоты.
Наша общая цель - установить минимальную высоту для всех блоков таким образом, чтобы все метки блоков могли быть
Вот скрипка для игры: https://jsfiddle.net/ftmkxdbo/
Это конфигурация нашего графика:
Highcharts.chart('container', {
"chart": {
"type": "column"
},
"title": {
"text": ""
},
"credits": {
"enabled": false
},
"xAxis": {
"categories": ["10/17", "10/18", "10/19", "10/20"]
},
"yAxis": {
"title": {
"text": ""
},
"stackLabels": {
"enabled": true,
"style": {
"color": "gray"
}
},
"min": 0,
},
"legend": {
"enabled": false
},
"plotOptions": {
"column": {
"stacking": "normal",
"dataLabels": {
"enabled": true,
"style": {
"fontSize": "10px",
"fontWeight": "normal",
"textShadow": "0px"
},
},
"minPointLength": 5,
}
},
"series": [{
"name": "3",
"data": [{
"x": 0,
"y": 3,
}],
"index": 0,
"color": "rgba(120,185,40,0.8)"
}, {
"name": "12",
"data": [{
"x": 0,
"y": 12,
}],
"index": 1,
"color": "rgba(245,155,0,0.8)"
}, {
"name": "19",
"data": [{
"x": 0,
"y": 19,
}],
"index": 2,
"color": "rgba(120,185,40,0.8)"
}, {
"name": "13",
"data": [{
"x": 0,
"y": 13,
}],
"index": 3,
"color": "rgba(120,185,40,0.8)"
}, {
"name": "18",
"data": [{
"x": 1,
"y": 18,
}],
"index": 0,
"color": "rgba(120,185,40,0.8)"
},
// ...
]
});