Highchart日期时间XAxis导出与页面不同



在调整窗口大小时,我使用reflow = true来确保我的图表适合容器div的宽度,因此X轴也会发生变化。但在导出时,不同大小的图表导出为相同大小,并且X轴与显示的不同。

演示:https://jsfiddle.net/8zb9k5j6/

有什么办法解决这个问题吗?感谢您的帮助

例如:

  1. 全屏,我的XAxis是(12月4日,12月20日,1月3日,31日,14日,2月28日(全屏

  2. 当导出为PNG(或其他格式(时,我的XAxis是(12月4日、12月20日、1月3日、31日、2月14日、28日(,这就是我想要的。全屏导出

  3. 当我缩小浏览器时,图表的大小也会减小,我的X轴是(12月21日、1月22日、2月22日(小型

  4. 当导出为PNG(或其他(时,我的XAxis是(12月4日,12月20日,1月3日,31日,1日,14日,2月28日(,这不是我想要的,我想要的(12月21日、1月22日、2月22日(小型出口

图表导出功能从初始状态渲染图表-任何更改(如缩放、极端更改(都不会应用于图表配置。如果你想应用这些更改,你需要在加载事件中添加自定义逻辑,比如:

chart: {
events: {
load() {
const chart = this;

if (chart.renderer.forExport) {
console.log('aaply custom changes')
}
}
}
},

演示:https://jsfiddle.net/BlackLabel/wfua8rye/

API:https://api.highcharts.com/highcharts/chart.events.load

最新更新