我在我的Angular 应用程序中使用了highcharts。在图表内部，我放置了自定义按钮，让用户进入新的页面。
问题是，当我全屏显示图表时，使用导出菜单，自定义按钮的位置只是在原来的位置。它不会随着图表尺寸的变化而改变其位置，即如果图表尺寸从500x500增加到1280x1000，那么按钮不会相应地移动

进入全屏幕之前

全屏显示期间

我使用event.render将按钮放置在图表上。我是否需要：
1.在全屏事件中再次呈现按钮并退出全屏事件。
1.将按钮的对齐方式更改为始终右上对齐（添加边距以避免与导出按钮重叠）。
1.任何完全不同东西，比如给予编码

• 用于将按钮添加到图表的代码 *：

public static donutChartOptions: Options{
     chart: {
          type: 'donut',
          events: {
              render(events) {
                   let chartVal = this;
                   chartVal.renderer
                   .button('View Full Report', 460, 8, (e) => {})
                   .attr({
                       zIndex: 3,
                   })
                   .on('click', function () {
                        window.location.href = '#/home/viewDistribution';
                   })
                  .add();
               }
             },
           }
         }