Javascript Highchart下载图像正在更改纵横比
使用高图表导出功能并下载图像或pdf时,纵横比会发生变化 当我检查元素时,svg的高度为400,宽度为1502Javascript Highchart下载图像正在更改纵横比,javascript,jquery,highcharts,export,Javascript,Jquery,Highcharts,Export,使用高图表导出功能并下载图像或pdf时,纵横比会发生变化 当我检查元素时,svg的高度为400,宽度为1502 <svg version="1.1" class="highcharts-root" style="font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans- serif;font-size:12px;" x
<svg version="1.1" class="highcharts-root" style="font-family:"Lucida
Grande", "Lucida Sans Unicode", 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
]
}]
});
如果有人在答案中查找,只需更新