2014-05-06 32 views
0

我想使HighCharts中的垂直標籤跨越多行而不是佔用很多高度。我嘗試了幾種不同的方法,但似乎都沒有奏效。Highcharts:長垂直標籤跨越多條線

我曾嘗試:

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

我也通過useHTML設置爲true,然後使用格式來顯示標籤作爲一個div嘗試。然後我坐在一個固定的寬度和高度,但事件這沒有奏效。

小提琴顯示問題:

http://jsfiddle.net/4Q9xE/

任何幫助/提示將不勝感激。謝謝。

回答

1

你可以做到這一點,但它看起來很糟糕。使用這樣的事情:

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

DEMO

+0

感謝您的提示。作爲備份解決方案,我會記住這種方法:) –

+0

另外,您可以增加點組的空間。 –

1

嗯,我useHTML + width正常工作,例如:http://jsfiddle.net/4Q9xE/2/

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

注意:它不會用於出口的圖表工作。

+0

這爲我工作。謝謝:)順便說一句。爲什麼不能用於導出圖表? –

+0

這似乎不工作了。 – LocustHorde

+0

你是對的,這是由[此錯誤](https://github.com/highcharts/highcharts/issues/3585)造成的。它部分工作,但它不是我期望的結果:http://jsfiddle.net/4Q9xE/8/(是的,現在有必要禁用textOverflow並啓用whiteSpace)。 –