highcharts y軸標題換行

我有一個基於參數的高度不同的圖表，因爲當高度變得小於標題長度時，y軸標題在頂部被切斷。highcharts y軸標題換行

http://api.highcharts.com/highcharts/yAxis.title的highchart api指定了一個style屬性，其中可以給出標題的CSS樣式，但javascript wordWrap：'break-word'在這裏不起作用。

我的問題是 - 在這種情況下是否有任何屬性可以包裝y軸的標題？

注意：我搜索了並發現了一個問題 - Highcharts Y-axis title text length is more than chart's height，但這並不能解決我的問題，因爲我沒有靜態標題，也不能有
標籤來強制換行。

來源

2016-11-16 shweta

你可以張貼的圖片 – Sajeetharan

請張貼代碼片段，你試過，文字環繞在highcharts工作 –

這裏是小提琴演示問題：http://jsfiddle.net/mxyvnb8v/4/ – shweta

只需添加固定的寬度和步驟的樣式：

title: { 
       enabled: true, 
       text: 'very long title text here that will get cut off at the top when height becomes less than the length of the title', 
       style: { 
        font: 'bold 10pt "Arial Narrow"',      
        color: 'rgb(0,0,0)', 
        wordWrap:'break-word', 
     // Add these   
        width : "200px" 
       } 
      }

您Fiddle updated here

來源

2016-11-16 07:49:47

Nishith，使用固定寬度強制標題包裝，是的，謝謝！現在標題仍然會包裹更大的圖表高度值，這也不應該。所以我將不得不根據圖表高度動態地計算這個寬度。此外，指定一個偏移值，也是動態計算的，以便包裝後的標題不會與標籤重疊。「step：1」是做什麼的？ – shweta

是的，這是標籤的實際，不應該在標題的風格。 PLZ刪除，當你有很多的標籤，你想跳過一個步驟間隔後，步驟用於yZxis標籤。 –

最後，我加入計算出的寬度基於圖表的高度：事件：{ \t負載：函數（）{ \t \t this.yAxis [0] .setTitle（{ \t \t \t式：{ \t \t \t width：this.chartHeight - 100 \t \t \t} \t \t}）; \t} } 在圖表的加載事件 – shweta

highcharts y軸標題換行

回答

相關問題