【问题标题】:Highcharts Pie chart export, labels are rendered twiceHighcharts饼图导出,标签渲染两次
【发布时间】: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 } 禁用阴影来解决

标签: javascript highcharts


【解决方案1】:

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

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-06-29
    相关资源
    最近更新 更多