实施HighChart标题文本的HTML样式不适用于导出文件 [英] HighChart Title text implemented HTML Style is not applying in exporting files

问题描述

我在HighChart标题中添加了<br/>和  HTML标签.我可以在图表视图中看到样式的变化，但是当我们导出为PNG，JPEG图像时...文本样式无法应用于导出的图像.请参考下面的示例图片

I have added <br/> and   HTML tags in HighChart titles. I can see that style changes in chart view but when we exporting into PNG, JPEG images... Text style was unable to apply in the exported images. Please refer sample images below

请参考JSFiddle- http://jsfiddle.net/uXg9t/172/

Please refer the JSFiddle - http://jsfiddle.net/uXg9t/172/

图表视图:

导出的视图:

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

Any suggestion to export Title as given in the Chart View.

推荐答案

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

Answer of @Halvor Strand hits the home, but additionally there is need to change the title structure, because SVG won't generate correctly during exporting. It's happening because </br>'s, but to solve this problem, for example you can place every title line in different <span> element with style="display: block;" set on it. Take a look on the code:

    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/

这篇关于实施HighChart标题文本的HTML样式不适用于导出文件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！