Hichcharts-自定义图例css未显示在打印图下载功能中

Question

我想在图表中使用自定义图例。因此，根据要求添加了一些CSS来渲染自定义图例。它可以正确显示在网络上。但是，当我尝试使用Print Chart选项下载它时，它没有在下载的文档中显示自定义图例设计。在其他下载选项中，除了Print Chart以外，其他都可以正常工作。我尝试了许多解决方案，但没有任何效果。即使我尝试了Highcharts jsfiddle示例以及自定义图例，也无法正常工作。请在此处参考示例。 https://jsfiddle.net/DipaliShinde/ep73vqun/1/（在此示例中，没有显示Series1具有背景颜色的图例所期望的css）

Highcharts.chart('container', {
exporting: {
    chartOptions: { // specific options for the exported image
        plotOptions: {
            series: {
                dataLabels: {
                    enabled: true
                }
            }
        }
    },
    fallbackToExportServer: false
},

title: {
    text: 'Offline export'
},
legend: {
        enabled: true,
            layout: 'vertical',
            backgroundColor: '#FFFFFF',
            align: 'right',
            useHTML: true,
            floating: false,
            verticalAlign: 'middle',
            x: -40,
            y: 10,
            //maxHeight: 320,
            itemMarginBottom: 20,
    labelFormatter: function () {

                return '<div><div style="padding-right: 5px;color: #666666;text-align:center;">Text 123<span style="padding-left: 5px;font-size: 12px;font-weight: 300;color: #999999;">(16.78%)</span></div>' +
                    '<div style="background:' + this.color + ';height:20px; width:120px;text-align:center;color:white;font-weight:300;font-size: 10px;line-height:20px;">'
                    + this.name + '</div></div>';
            }
},
subtitle: {
    text: 'Click the button to download as PNG, JPEG, SVG or PDF'
},

chart: {
    type: 'area'
},

xAxis: {
    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
        'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},

series: [{
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 126.0, 148.5, 216.4, 194.1, 95.6, 54.4]
}]

}）;

请指导我解决此问题。

谢谢

Answer 1

您可以启用实验性allowHTML选项，但如果没有在线导出服务器，则仅适用于SVG矢量图像。您可以在此处找到更多信息：https://github.com/highcharts/highcharts/issues/5985

exporting: {
    allowHTML: true,
    chartOptions: {...},
    //fallbackToExportServer: false
}

---

实时演示： https://jsfiddle.net/BlackLabel/2nvpfgyo/

API参考： https://api.highcharts.com/highcharts/exporting.allowHTML

Answer 2

[使用allowHTML，它适用于除打印图表以外的所有下载选项。对于“打印图表”，其未渲染图例与其他下载选项相同。附上截图。