Javascript Highchart下载图像正在更改纵横比

Javascript Highchart下载图像正在更改纵横比,javascript,jquery,highcharts,export,Javascript,Jquery,Highcharts,Export,使用高图表导出功能并下载图像或pdf时,纵横比会发生变化 当我检查元素时,svg的高度为400,宽度为1502 <svg version="1.1" class="highcharts-root" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Arial, Helvetica, sans- serif;font-size:12px;" x

使用高图表导出功能并下载图像或pdf时,纵横比会发生变化

当我检查元素时,svg的高度为400,宽度为1502

<svg version="1.1" class="highcharts-root" style="font-family:&quot;Lucida  
 Grande&quot;, &quot;Lucida Sans Unicode&quot;, Arial, Helvetica, sans-  
serif;font-size:12px;" xmlns="http://www.w3.org/2000/svg" 
 width="1502" 
 height="400"
 viewBox="0 0 1502 400">
<desc>Created with Highcharts 6.1.1</desc>

您可以通过将此代码块添加到容器中来管理导出大小

exporting: {
        sourceWidth: 1502,
        scale: 1, 
        chartOptions: {
            chart:{
                height: this.chartHeight
            }
        }
    } 
这将设置导出的大小

Highcharts.chart('container', {

title: {
    text: 'Highchart Export Image and Pdf'
},

subtitle: {
    text: 'Changes the aspect ratio'
},

yAxis: {
    title: {
        text: 'Number of Employees'
    }
},

plotOptions: {
    series: {
        label: {
            connectorAllowed: false
        },
        pointStart: 100
    }
},
exporting: {
        sourceWidth: 1502,
        scale: 1, 
        chartOptions: {
            chart:{
                height: this.chartHeight
            }
        }
    },        
series: [{
    name: 'Trend for CPU usage',
    data: [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175,43934, 3303, 57177, 9251, 97031, 119931, 137133, 154175,
    43934, 6231, 57177, 69658, 97031, 119931, 137133, 154175
    ]
}]
});

如果有人在答案中查找,只需更新