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

我在HighChart标题中添加了

和

HTML标记。我可以在图表视图中看到样式的变化，但当我们导出到PNG、JPEG图像时。。。无法在导出的图像中应用文本样式。请参考下面的示例图像

请参阅JSFiddle-

图表视图：

导出视图：

---

根据图表视图中给出的导出标题的任何建议

您可以将

allowHTML

设置为

true

，这是用于导出的实验功能。说：

allowtml:Boolean

自4.1.8起

实验设置允许图表中的HTML（通过

useHTML

选项添加）直接出现在导出的图像中。这允许您在导出的图表中保留复杂的HTML结构，如表或双向文本

免责声明：HTML在生成的SVG中以

foreignObject

标记呈现。官方的导出服务器是基于PhantomJS的，PhantomJS支持这一点，但其他SVG客户机（如Batik）不支持它。这也适用于要在桌面客户端中打开的已下载SVG

默认值为

false

在您的情况下，它可能看起来像这样（）：

---

@Halvor Strand的答案很重要，但另外还需要更改标题结构，因为SVG在导出过程中无法正确生成。发生这种情况是因为

，但为了解决此问题，例如，您可以将每个标题行放置在不同的

元素中，并在其上设置

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"
        }
    }

标题：{
是的，
文本：“第1行第2行文本第3行文本中的标题文本”，
风格：{
“文本对齐”：“居中”
}
}

现场示例：

    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"
        }
    }