Javascript Highcharts脱机将饼图导出为PDF无法正确显示

我正在为我的项目（localhost）使用Highcharts，我想将我的图表（饼图和条形图）导出为PDF脱机

如前所述，条形图看起来不错，但饼图显示不正确。我尝试导出SVG和PNG，两者都很好，只有PDF会让我陷入麻烦

我该如何解决这个问题？这是一个例子

$（函数（）{
Highcharts.chart（'容器'{
图表：{marginLeft:400}，
标题：{
文字：'月表'，
x:50，
y:130，
保证金：150
}，打印选项：{
专栏：{
堆叠：“正常”，
数据标签：{
启用：对，
格式化程序：函数（）{
var val=这个.y；
if（val<1）{
返回“”；
}
返回val；
},
颜色：（Highcharts.theme&&Highcharts.theme.dataLabelsColor）| |“白色”
}
}
}，xAxis：{
类别：['1'，'2'，'3'，'4'，'5'，'6'，'7'，'8'，'9'，'10'，'11'，'12'，'13'，'14'，'15'，'16'，'17'，'18'，'19'，'20'，'21'，'22'，'23'，'24'，'25'，'26'，'27'，'28'，'29'，'30']
},
标签：{
项目：[{
风格：{
左：“50px”，
顶部：“18px”，
颜色：（Highcharts.theme&&Highcharts.theme.textColor）| |“黑色”
}
}]
},
系列：[{
键入：“列”，
姓名：'简'，
数据：[3,2,1,3,4,3,2,1,3,4,3,2,1,3,4,3,2,1,3,4,3,2,1,3,4,3,2,1,3,4]
}, {
键入：“列”，
姓名：'约翰'，
数据：[2,3,5,7,6,2,3,5,7,6,2,3,5,7,6,2,3,5,7,6,2,3,5,7,6,2,3,5,7,6,2,3,5,7,6]，
中心：[01100]，
}, {
键入“pie”，
名称：'总计'，
数据：[{
姓名：'简'，
y:13，
颜色：Highcharts.getOptions（）.colors[0]//Jane的颜色
}, {
姓名：'约翰'，
y:23，
颜色：Highcharts.getOptions（）.colors[1]//约翰的颜色
}],
中心：[-250250]，
尺寸：150，
showInLegend:false，
数据标签：{
已启用：true
}
}]
}，功能（图表）{
chart.renderer.text（'饼图'，120320）
.css({
颜色：“#4572A7”，
字体大小：“16px”
})
.add（）；
});
});

请参阅此文件，这是您的@ASR文件。没有internet连接时，我想导出PDF文件。您提供的JSFIDLE无法脱机导出PDF。此工具现在可以@ASR工作。我已尝试在没有internet连接的情况下导出PDF，但它仍会返回到导出服务器。我可以知道如何在没有internet连接的情况下成功导出PDF吗？

$(function () {
   Highcharts.chart('container', {
            chart: {marginLeft: 400},
        title: {
            text: 'Monthly Chart',
            x: 50,
            y: 130,
            margin: 150
        }, plotOptions: {
                column: {
                    stacking: 'normal',
                    dataLabels: {
                        enabled: true,
                        formatter: function() {
                            var val = this.y;
                            if (val < 1) {
                                return '';
                            }
                            return val;
                        },
                        color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'
                    }
                }
        }, xAxis: {
            categories: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30']
        },
        labels: {
            items: [{
                style: {
                    left: '50px',
                    top: '18px',
                    color: (Highcharts.theme && Highcharts.theme.textColor) || 'black'
                }
            }]
        },
        series: [{
            type: 'column',
            name: 'Jane',
            data: [3, 2, 1, 3, 4, 3, 2, 1, 3, 4, 3, 2, 1, 3, 4, 3, 2, 1, 3, 4, 3, 2, 1, 3, 4, 3, 2, 1, 3, 4]
        }, {
            type: 'column',
            name: 'John',
            data: [2, 3, 5, 7, 6, 2, 3, 5, 7, 6, 2, 3, 5, 7, 6, 2, 3, 5, 7, 6, 2, 3, 5, 7, 6, 2, 3, 5, 7, 6], 
            center: [0, 100],
        }, {
            type: 'pie',
            name: 'Total',
            data: [{
                name: 'Jane',
                y: 13,
                color: Highcharts.getOptions().colors[0] // Jane's color
            }, {
                name: 'John',
                y: 23,
                color: Highcharts.getOptions().colors[1] // John's color
            }],
            center: [-250, 250],
            size: 150,
            showInLegend: false,
            dataLabels: {
                enabled: true
            }
        }]
    }, function (chart) {
        chart.renderer.text('Pie Chart', 120, 320)
            .css({
                color: '#4572A7',
                fontSize: '16px'
            })
            .add();
    });
});