与env.js的Highcharts boundingbox问题

Question

在使用Export Server和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并返回默认的宽度和高度。