Highcharts boundingbox問題env.js

Question

在使用導出服務器和PhantomJS的服務器端的Highcharts新功能文章中，提到了與Env.js中的邊界框相關的問題（與Rhino一起使用）。您能否發佈一個示例，其中由於SVG問題的邊界框導致圖表呈現不正確？有沒有可能發生的特定模式？

Answer 1

Highcharts計算例如labeltext的邊界框。這是爲了防止labeltext的碰撞/重疊。您可以通過嘗試使用小寬度圖表和非常長的系列名稱來測試env.js中此功能的細分。我想你必須用自己的測試場景來看看env.js是否適合你的需求。

Answer 2

我有自動定位X軸標籤的問題。旋轉文本的定位將是一個很好的開始。 給你舉個例子什麼是行不通的 - 這裏是我發現模擬getBBox（）功能的函數：

ep = Element.prototype; 

ep.getBBox = function() { 
var w = 10; 
if (ep.tagName == "TEXT" && ep.firstChild) { 
    var s = ep.firstChild.innerHTML; 
    w = s.length * 5; 
} 

return { 
    x : ep.offsetLeft ? ep.offsetLeft : 0, 
    y : ep.offsetTop ? ep.offsetTop : 0, 
    width : w, 
    height : 16 
}; 
}; 

正如你看到的是漂亮的準系統 - 只是接近長度限制：Textlength並返回默認寬度和高度除此以外。