javascript - HighChart 标题文本实现的 HTML 样式不适用于导出文件

Question

我已添加<br/>和  HighChart 标题中的 HTML 标签。我可以看到图 TableView 中的样式发生变化，但是当我们导出为 PNG、JPEG 图像时...文本样式无法应用于导出的图像。请引用下面的示例图片

请引用JSFiddle - http://jsfiddle.net/uXg9t/172/

图 TableView :

导出 View :

导出图 TableView 中给出的标题的任何建议。

Answer 1

@Halvor Strand 的回答很中肯，但另外还需要更改标题结构，因为 SVG 在导出过程中无法正确生成。发生这种情况是因为 </br>的，但要解决这个问题，例如您可以将每个标题行放在不同的 <span> 中元素为 style="display: block;"设置在它上面。看一下代码:

    title: {
        useHTML: true,
        text: '<span style="display: block;">Header Text in Line1</span><span style="display: block;">Line 2 Text</span><span style="display: block;">Line 3 Text</span>',
        style: {
            "text-align": "center"
        }
    }

实例: http://jsfiddle.net/m052y9ud/