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



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

任何帮助,不胜感激。

不剪切

标签的一种方法是在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',
            }
        },
        }],

更新的 JSFiddle

最新更新