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

提问于 2024-05-03T10:59:14+08:00

浏览次

2

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

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

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

Headers 中的“true”一词应为上标 .

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

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

任何见解将不胜感激 .

1 回答

3
导出模块不能很好地处理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，因为客户端的支持有限 .
回复于 2024-05-03T10:59:14+08:00

相关问题