Highcharts - гистограмма показывает полную метку на оси Y

Я использую форматирование меток оси Y, чтобы отобразить метку типа 100 000 по сравнению с форматированием 100 000, которое автоматически устанавливается на диаграммах.

Однако это затем сжимает все метки вместе с «...» в конце каждой, а не показывает полное значение.

Можно ли показать полную метку (т.е. 100 000) без «...» в конце?

Я создал jfiddle с примером того, что я вижу (https://jsfiddle.net/htjb6wxb/ 5/)

yAxis: [{
labels: {
        format: '{value:,.0f} ',
        rotation: 0,
        y: 20,
        overflow: 'justify',
        padding: '5 px',
        align: 'center',
        style: {
            color: 'black',
            fontSize: '5 px',
            fontWeight: 'normal',
        }
    },
    }],

Любая помощь приветствуется.


person JackMorrison    schedule 12.04.2018    source источник


Ответы (1)


Чтобы ваши этикетки не обрезались, нужно установить rotation в labels и добавить marginRight в chart.

chart: {
        type: 'bar',
        marginRight: 50,
    },

 labels: {
            format: '{value:,.0f} ',
            rotation: -30,
            y: 20,
            overflow: 'justify',
            padding: '5 px',
            align: 'center',
            style: {
                color: 'black',
                fontSize: '5 px',
                fontWeight: 'normal',
            }
        },
        }],

Обновлен JSFiddle

person Community    schedule 12.04.2018