Highcharts饼图导出，标签渲染两次

Posted 2023-05-07

【中文标题】Highcharts饼图导出，标签渲染两次

【英文标题】：Highcharts Pie chart export, labels are rendered twice

【发布时间】：2015-12-18 06:50:23

【问题描述】：

我在导出带有 highcharts.js 和集成导出模块的饼图时遇到问题。标签在导出的图像中呈现两次（尝试了 png、jpeg 和 pdf，只有 svg 图像可以正常工作）。我已经尝试更改标签的字体大小：

dataLabels: 
    enabled: true,
    color: 'black',
    style:  fontSize: '8px' ,
    formatter: function () 
        return this.key + '<br> ' + Math.round(this.percentage * 10) / 10 + '%';
    
,

但它在导出的图像中没有效果。

这是在浏览器中呈现的正确图表：

这是导出的图像：

JsFiddle：http://jsfiddle.net/vd0ptLu1/2/

有人遇到过同样的问题吗？我看到关于 highcharts 导出还有其他类似的问题，但都是关于字体大小不起作用的问题。感谢您的帮助。

【问题讨论】：

这是用于导出的 phantomJS 的问题，请参阅this 错误报告。尝试其中一种解决方法。

@Paweł Fus 非常感谢。我通过使用 textShadow: false

禁用阴影来解决

【参考方案1】：

我通过禁用文本阴影来解决。

plotOptions: 
    series: 
        dataLabels: 
            style:  textShadow: false ,
        
    

http://jsfiddle.net/vd0ptLu1/3/