Javascript Highcharts自定义文本从右向左导出
我的问题是我有一个图表,上面有一些自定义文本,它们必须位于图表的右上角和上下角,我使用Javascript Highcharts自定义文本从右向左导出,javascript,jquery,html,css,highcharts,Javascript,Jquery,Html,Css,Highcharts,我的问题是我有一个图表,上面有一些自定义文本,它们必须位于图表的右上角和上下角,我使用renderer.text('text',600,30).add() 我第一次使用它时喜欢renderer.text('text',600,30).css('direction':'rtl').add() 这工作得很好,但当我导出时,它无法识别stlye 然后我尝试使用renderer.text('text',600,30).add() 这也只是为了在页面上显示它,但导出没有 有没有办法解决这个问题以便于导出
renderer.text('text',600,30).add()代码>
我第一次使用它时喜欢renderer.text('text',600,30).css('direction':'rtl').add()代码>
这工作得很好,但当我导出时,它无法识别stlye
然后我尝试使用renderer.text('text',600,30).add()代码>
这也只是为了在页面上显示它,但导出没有
有没有办法解决这个问题以便于导出
对于这个特殊问题,避免整个“CSS和导出”问题的一种方法是使用文本的边界框来正确放置文本,而不是使用CSS解决方案
function (chart) { // on complete
var rightTop = [590,85];
var element = chart.renderer.text('This is a looooong text', 0, -100).add();
var boundingBox = element.getBBox();
element.destroy();
chart.renderer.text('This is a looooong text',
rightTop[0] - boundingBox.width,
rightTop[1]).add();
}
这里的rightop
变量表示我们希望将其放置的位置。然后文本被添加(在视觉之外),我们得到边界框来知道它的大小,然后销毁它。然后我们在正确的位置重新创建文本
有关其工作原理的演示,请参阅。请参阅有关的信息-如您所见,建议设置useHTML
选项。不过,导出服务器不会导出仅HTML和CSS的SVG。没问题。考虑一下我的变化。撤销boundingBox.height
没有多大意义。