HighCharts：如何對齊水平yAxis標題

我有2個不同yAxis標題的圖表。我需要標題是水平的並且對齊到右邊（在Y線的左側）。HighCharts：如何對齊水平yAxis標題

標題對齊只適用於垂直居中。（我需要我的標題在中間）

我嘗試添加文本對齊樣式沒有成功。

yAxis: { 
    "title": { 
     "style": { 
      "textAlign": "right" 
     } 
    } 
}

http://jsfiddle.net/g7kUc/

很想聽聽你對如何解決此問題的想法。

來源

2013-10-23 Daniel Gwerzman

你會喜歡這個，沒有記錄選項「textAlign」，但不是風格，但標題屬性。例如：http://jsfiddle.net/g7kUc/1/

yAxis: { 
     "title": { 
      "text": "test", 
      "textAlign": "right" 
     } 
    }

來源

2013-10-23 13:07:20

一種方法是隻是兩個軸標籤指定不同的偏移：

offset:25 

offset:40

http://jsfiddle.net/CTPe9/

我知道這是一個有點手冊，但它有正確的效果。如果標籤的長度發生變化，您應該能夠根據字符串的長度和使用的字體計算正確的偏移量。

另一種方法是根本不使用標題。你有更多的控制標籤：

"labels": { 
      "style": { 
       "fontWeight":"bold", 
       "color": "#6D869F", 
       "textAlign": "right" 
      }, 
      "enabled": true, 
      "align":"right", 
      y:-60, 
      formatter: function() { 
       if (this.isFirst) { 
       return "12345"; 
       } else { 
        return ""; 
       } 
      } 
     },

這個小提琴顯示它在行動http://jsfiddle.net/zNHhh/。

它的工作原理是隻顯示一個標籤（在格式化函數中）。然後這個標籤正確對齊，並使用'y'參數移動。

來源

2013-10-23 07:47:56 SteveP

這是靜態網站的絕佳解決方案。但我的網站是動態的，文字根據語言和結果改變 –

我已經添加了一種替代方法。 – SteveP

它的工作原理...但在我的情況下，該網站的大小可調整，並且我不希望每次用戶更改窗口的大小時計算標題的位置。 PawełFus答案爲我做了跋涉。 –

HighCharts：如何對齊水平yAxis標題

回答

相關問題