Highcharts与env.js的边界框问题[英] Highcharts boundingbox issue with env.js

问题描述

在使用导出服务器和phantomjs的HighCharts的新功能文章中,提到了与Env.JS(与Rhino一起使用)中的边界框相关的问题.您能否发布一个示例,其中图表由于SVG问题的边界框而被错误地呈现?是否有可能发生的特定模式?

推荐答案

HighCharts计算出BailText的边界框.这是为了防止LabElText的碰撞/重叠.您可以通过尝试小宽度图和非常长的意甲名称的组合来测试Env.js自己中此功能的故障.我想您必须使用自己的测试场景来看看Env.js是否适合您的需求.

其他推荐答案

我在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,否则返回默认宽度和高度.

本文地址:https://www.itbaoku.cn/post/1740184.html