Highcharts 自定义文本从右到左导出

Question

好吧，我的问题是我有一个图表，上面有一些自定义文本，这些文本必须位于图表的右上角和上下角，我正在使用 renderer.text('text', 600, 30).add();

我第一次喜欢它 renderer.text('text', 600, 30).css('direction': 'rtl').add(); 这工作正常但是当我导出时它不识别 stlye

然后我尝试使用 renderer.text('<span style="direction:rtl;">text</span>', 600, 30).add(); 这也只能在页面上显示它，但导出不会

有什么方法可以解决这个问题以便导出吗？

Answer 1

避免此特定问题的整个 "CSS and exporting" 问题的一种方法是使用文本的边界框来正确放置它，而不是 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();
}

这里的rightTop变量表示我们希望它被放置的位置。然后添加文本（超出视野），我们得到边界框知道它的大小，然后销毁它。然后我们在正确的位置重新创建文本。

请参阅 this JSFiddle example 了解其工作原理的演示。

Highcharts 自定义文本从右到左导出

Highcharts custom text right to left export

javascript

jquery

html

css

highcharts