带有 HTML 标签的 Highcharts 图像导出不起作用

Question

JS 小提琴：https://jsfiddle.net/xtds1wLh/6/

这只是一个 JS Fiddle 示例 这里我已经指定：useHTML: true in xAxis labels

并且还指定：导出时允许HTML 渲染看起来不错，但导出时 css 属性未应用，并且测试 1 和测试 2 出现在单行中

    exporting: {
        enabled: true,
        allowHTML: true,
        chartOptions: {
            chart: {
                height: 400,
                width: 1000
            },
            xAxis:{
            allowHTML: true,
            }
        }
    }

导出应与渲染相同

Answer 1

请注意，

allowHTML

是一个实验性设置，并非所有应用程序都可以正常运行。

但是，问题与导出服务器无权访问您的CSS有关。作为解决方案，您可以添加内联样式。例如：

xAxis: {
  categories: [
    '<span style="display: block;"><span style="display: block;">Test 1</span><span>Test 2</span></span>',
    'Feb', ...
  ],
  labels: {
    autoRotation: false,
    useHTML: true
  }
},

---

现场演示：https://jsfiddle.net/BlackLabel/yh9n47m3/

有用的帖子：https://www.highcharts.com/forum/viewtopic.php?t=43159

文档： https://api.highcharts.com/highcharts/exporting.allowHTML