Столбцы Highcharts перекрываются

Можете ли вы сказать мне, как избежать этой проблемы с использованием библиотек Highcharts?

Здесь JsFiddle

Вы видите, что перекрываются 2 столбца, и даже ярлык с тикерами перекрывается!

chart: {
            type: 'column'
        },title: {
            text: 'title'
        },plotOptions: {
            column: {
                stacking: 'normal',
                minPointLength: 2
            }
        },xAxis: {
            type: 'datetime',
            title: {
                text: 'date'
            },
            tickPositions:  categoriesGrafico,
            labels:{
                rotation: -90,
                formatter:function(){
                return Highcharts.dateFormat('%d/%m/%Y',this.value);
                }
            },
            reversed: true,
            dateTimeLabelFormats: {
                day: '%d/%m/%Y',
            }
        },yAxis: {
            title: {
                text: 'value'
            },
            min: 0
        },
    series: seriesGrafico
});

Я прочитал много постов в Интернете и перепробовал множество вариантов, но без решения.

Спасибо большое

1 ответ

Решение

Потому что у вас есть два тика так близко. Решением может быть установка pointRange или изменение tickPositions.

Другие вопросы по тегам