首页 文章

Highcharts饼图导出,标签呈现两次

提问于
浏览
0

我在使用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 + '%';
    }
},

但它对导出的图像没有影响 .

这是在浏览器中呈现的正确图表:
enter image description here

这是导出的图像:
enter image description here

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

有没有人遇到过同样的问题?我看到有关于highcharts导出的其他类似问题,但所有关于字体大小都不起作用 . 谢谢你的帮助 .

1 回答

  • 3

    我通过禁用文本阴影解决了问题 .

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

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

相关问题