Highcharts:跨越多条线的长垂直标签

时间:2014-05-06 13:25:29

标签: highcharts

我试图让HighCharts中的垂直标签跨越多条线而不是占用很多高度。我尝试了几种不同的方法,但似乎都没有。

我试过了:

labels: {
    style: { width: '100px', height: '100px' }        
}

我还尝试将useHTML设置为true,然后使用formatter将标签显示为div。然后我坐在一个固定的宽度和高度,但事件不起作用。

小提琴显示问题:

http://jsfiddle.net/4Q9xE/

任何帮助/提示将不胜感激。感谢。

2 个答案:

答案 0 :(得分:2)

你可以做到这一点,但看起来很糟糕。使用这样的东西:

labels: {
    rotation: -90,
    formatter: function () {
        return this.value.replace(/ /g, '<br />');
    }
},

<强> DEMO

答案 1 :(得分:1)

好吧,对我来说useHTML + width工作正常,例如:http://jsfiddle.net/4Q9xE/2/

            labels: {
                rotation: -90,
                useHTML: true,
                style: {
                    width: 100 // or '100px'
                }
            }

注意:它不适用于导出的图表。