Button HighCharts云切换数据表

我通过HighCharts云注入代码在一个页面上显示了一组图表。因为每个图表的数据都非常大，如果用户从菜单中选择查看数据表，页面会变得非常大，我对此很满意，但我希望用户能够通过相同的菜单按钮切换表。有没有办法通过自定义代码实现这一点

我知道如何将菜单中的文本更改为“切换数据表”，但不知道如何应用切换代码

这就是我到目前为止所做的：

exporting: {
  buttons: {
    contextButton: {
      enabled: true,
      text: 'Download',
      menuItems: ["printChart",
                "separator",
                "downloadPNG",
                "downloadJPEG",
                "downloadPDF",
                "downloadSVG",
                "separator",
                "downloadCSV",
                "downloadXLS",
                {
                    textKey: 'viewData',
                    text: 'Toggle data table',
                    onclick: function() {
                        this.viewData()
                        }
                }]
    }
  }

---

Highcharts似乎没有提供任何隐藏数据表的方法。解决方法是将以下逻辑放入

onclick

事件中：

    onclick: function() {
      if (this.dataTableDiv && this.dataTableDiv.style.display !== 'none') {
        this.dataTableDiv.style.display = 'none';
      } else {
        this.viewData();
        this.dataTableDiv.style.display = '';
      }
    }

现场演示：

---

云在其编辑器中不包含导出数据模块，但生成的注入脚本包含导出数据模块。因此，该功能可以在云端之外工作（例如，在JSFIDLE上）。

这真是太棒了@Kamil-正是我想要的：）