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

n9vozmp4 于 2022-11-10 发布在 Highcharts

关注(0)|答案(1)|浏览(145)

我使用reflow = true来确保我的图表在调整窗口大小时适合容器div的宽度，所以X轴也会改变。但是在导出时，不同大小的图表导出为相同的大小，并且X轴与显示的不一样。
演示：https://jsfiddle.net/8zb9k5j6/
有什么办法可以解决这个问题吗？谢谢你的帮助
例如：
1.全屏幕，我的X轴是（12月4日、12月20日、1月3日、1月31日、2月14日、2月28日）Full-screen
1.当导出为PNG（或其他格式）时，我的X轴是（4.Dec，20.Dec，3.Jan，31.Jan，14.Feb，28.Feb），这就是我想要的。Full-screen-export
1.当我缩小浏览器时，图表的大小也会减小，我的X轴是（Dec'21，Jan'22，Feb'22）small-size
1.当导出为PNG（或其他格式）时，我的X轴是（4.Dec，20.Dec，3.Jan，31.Jan，14.Feb，28.Feb），这不是我想要的，我想要（12月21日，1月22日，2月22日）。small-size-export

highcharts

来源：https://stackoverflow.com/questions/71567946/highchart-datetime-xaxis-export-is-different-from-the-page

1条答案

按热度按时间

cnh2zyt31#

图表导出功能从初始状态呈现图表-任何更改（如缩放、极端更改）都不会应用于图表配置。如果要应用这些更改，则需要在加载事件中添加自定义逻辑，如：

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

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

演示：https://jsfiddle.net/BlackLabel/wfua8rye/
应用编程接口：https://api.highcharts.com/highcharts/chart.events.load

赞(0）回复(0）举报 2022-11-10

我来回答

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

1条答案

相关问题

热门标签

最新问答