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
没有多大意义。