温馨提示:本文翻译自stackoverflow.com,查看原文请点击:javascript - How to remove/hide export button in full screen view in highcharts-angular
highcharts javascript

javascript - 如何在highcharts-angle中以全屏视图删除/隐藏导出按钮

发布于 2020-03-27 16:00:40

在此处输入图片说明

作为参考,请找到屏幕截图。已经尝试过https://www.highcharts.com/forum/viewtopic.php?f=9&t=42208,但仍然无法正常工作。

查看更多

查看更多

提问者
Sameena Waida
被浏览
391
Sameena Waida 2020-02-03 14:10

通过使用以下代码段修复

     let chart2FullScreen = true;
let chart1fullScreen = true;

document.addEventListener('fullscreenchange',(event)=> {

  if (event.target['id'] === 'divId1') {
      Highcharts.charts[0].update({
      exporting: {
        buttons: {
          contextButton: {
            enabled: chart1FullScreen ? false : true
          }
        }
      }
    });
    chart1FullScreen = !chart1FullScreen ;
  } else if (event.target['id'] === 'divId2') {
    Highcharts.charts[1].update({
      exporting: {
        buttons: {
          contextButton: {
            enabled: chart2fullScreen ? false : true
          }
        }
      }

    });
    chart2fullScreen = !chart2fullScreen;
  }

});