Highcharts图像导出与HTML标签不工作

xoefb8l8  于 11个月前  发布在  Highcharts
关注(0)|答案(1)|浏览(104)

JS Fiddle:https://jsfiddle.net/xtds1wLh/6/
这只是一个示例JS Fiddle在这里我指定了:useHTML:true in xAxis labels
并具体规定:allowHTML在导出渲染看起来不错,但当导出时,css属性不会应用,测试1和测试2出现在单行中

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

字符串
导出应与渲染相同

avwztpqn

avwztpqn1#

请注意,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

相关问题