有没有办法让上标出现在高图出口中

Question

我在Highcharts图表的不同位置使用sup标签，但是我注意到在执行导出到任何支持的格式时根本不显示上标。

这是一个显示问题的小提琴： http://jsfiddle.net/u7gqgybj/1/

在查看页面时会按预期显示，但当您导出为“PNG”时，上标会消失。

标题中的“true”一词应为上标。

除了我尝试了CSS方法，并且在导出时也无法正确显示

<span style="vertical-align:super;font-size:0.83em;">foo</span>

任何见解都将受到赞赏。

Answer 1

导出模块不能很好地处理HTML。一种可能的解决方案是将exporting-with-html.src.js与allowHTML: true一起使用。它不在code.highcharts.com下，但在GitHub上。根据我的理解，它使用foreignObject在SVG中执行HTML。

您可以将exporting.js替换为：

<script src="https://rawgithub.com/highslide-software/7767462/raw/d7217cbf3e68d595f52f3af65b9e13fd967fde86/exporting-with-html.src.js"></script>

并将其添加到您的图表中：

exporting: {
    allowHTML: true
}

请参阅使用原始代码的this JSFiddle demonstration。

您可能还希望read this link简要讨论其用法和优缺点。摘录：

  

实际上，SVG中有一个名为foreignObject的功能，允许在SVG中使用HTML ...

     

为了导出到SVG，有时需要不使用foreignObject，因为客户端的支持有限。