Highcharts

Question

我在 y 轴的标签上使用格式来显示标签，如 100,000 与图表上自动设置的 100k 格式。

但是，这会将所有标签压缩在一起，并在每个标签的末尾加上“...”——而不是显示完整的值。

是否可以显示完整的标签（即 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',
        }
    },
    }],

感谢任何帮助。

Answer 1

让标签不被截断的一种方法是在 labels 中设置 rotation 并在 chart

中添加 marginRight

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',
            }
        },
        }],

Updated JSFiddle

Highcharts - 条形图在 Y 轴上显示完整标签

Highcharts - Bar chart show full label on Y Axis

labels

yaxis