env.js的Highcharts边界框问题

Question

在使用导出服务器和PhantomJS的服务器端Highcharts的新专题文章中，提到了与Env.js (与Rhino一起使用)中的边界框相关的问题。您是否可以发布一个由于SVG问题的边界框而导致图表呈现不正确的示例？有什么具体的模式可以发生吗？

Answer 1

Highcharts计算例如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
 };
};

正如你所看到的，它是非常简单的--只是近似于文本长度，否则返回默认的宽度和高度。