饼图：图像导出截断标签答案

【问题标题】：Pie chart: image exporting cutting off labels饼图：图像导出截断标签
【发布时间】：2013-07-08 10:17:46
【问题描述】：

我正在使用 Highcharts 3 饼图，当我导出到图像时，生成的图表会丢失一些数据标签。我该如何解决（解决方法）这个问题？

ps：使用 highcharts 服务器：export.hightcarts.com

问候

[更新]

生成的图像 png 文件上的小值被截断。但是在打印预览中没问题。

new Highcharts.Chart({
    chart: {
        renderTo: 'chart',
        type: 'pie'
    },
    title: { 
        text: 'My Chart title' 
    },
    plotOptions: {
        pie: {
            showInLegend: true,
            dataLabels: {
                enabled: true,
                formatter: function() {
                    return '<b>' + this.point.name + '</b>: ' + Math.round(this.point.total * this.point.percentage / 100);
                }
            }
        }
    },
    series: [{
        type: 'pie',
        name: 'Series name',
        data: [
            ["Lorem", 88],
            ["Lorem ipsum", 4],
            ["Praesent nibh nulla", 12],
            ["Lorem ipsum dolor sit amet", 66],
            ["Praesent fringilla suscipit molestie", 30],
            ["Donec at lectus at nulla viverra lobortis", 11],
            ["Class aptent taciti sociosqu ad litora", 87],
            ["Mauris vulputate sem id arcu volutpat fermentum", 149],
            ["Vestibulum faucibus lectus", 113],
            ["Pellentesque habitant morbi tristique", 7],
            ["Etiam lacinia mi suscipit", 92],
            ["Proin semper risus in lacus semper", 9],
            ["Fusce id faucibus massa", 99],
            ["Suspendisse", 4],
            ["Quisque quis lectus et turpis laoreet", 101]
        ]
    }],
    exporting: {
        enabled: true
    }
});

jsFiddle：http://jsfiddle.net/6afyH/1/

【问题讨论】：

请在 jsFiddle 上重现问题。
jsfiddle.net/6afyH/1

标签： highcharts

【解决方案1】：

这是因为Highcharts没有检测到容器的width。

您可以通过在 exporting 选项中添加选项 sourceWidth 来解决此问题：

exporting: {
    enabled: true,
    sourceWidth: 900
}

似乎sourceWidth 采用了最初的width，所以如果图表在页面加载时被截断了一点，那么在导出时它将是相同的，除非您在选项中指定它。

我更新了 jsFiddle 给你一个这个工作的例子：http://jsfiddle.net/6afyH/2/

【讨论】：