如何在 ApexCharts 上添加 viewFullscreen 选项？

Question

我正在使用 ApexCharts Vue 创建图表

我想在这里添加一个 viewFullscreen 选项

菜单选项

如何在菜单中添加 viewFullscreen 选项，可以通过什么方式完成，请帮助我

文档中没有提到这一点ApexCharts Vue

欢迎任何指导，

谢谢！

Answer 1

解决方案：

customIcons: [{
  icon: '<img src="/static/icons/chart-carpet.png" width="20">',
  index: 4,
  title: 'Full Screen Mode',
  class: 'custom-icon',
  click: function () {
    const chartElement = document.getElementById('chart');
    if (!document.fullscreenElement) {
      chartElement.requestFullscreen();
    } else {
      document.exitFullscreen();
    }
  }
}]

更多详细信息ApexCharts Vue 文档