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

时间:2018-04-12 10:05:53

标签: highcharts labels yaxis

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

感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

让您的标签不被切断的一种方法是在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',
            }
        },
        }],

Updated JSFiddle