将 Apexcharts 导出到 XLS 文件

Question

有谁知道如何从 apexcharts 获取数据值到 xls 文件中？ 我已经在 github 上搜索它，但一无所获。

我已经尝试通过 apexcharts.min.js 文件将导出到 xls 添加到 apexchart 的工具栏中，有人知道如何使它在 asp.net 网络表单中工作吗？

key: "_createHamburgerMenu",
  value: function _createHamburgerMenu(parent) {
    this.elMenuItems = [];
    parent.appendChild(this.elMenu);
    Graphics.setAttrs(this.elMenu, {
      class: 'apexcharts-menu'
    });
    var menuItems = [{
      name: 'exportSVG',
      title: this.localeValues.exportToSVG
    }, {
      name: 'exportPNG',
      title: this.localeValues.exportToPNG
    }, {
      name: 'exportCSV',
      title: this.localeValues.exportToCSV
    }, {
      name: 'exportXLS',
      title: this.localeValues.exportToXLS
    }];

key: "handleDownload",
  value: function handleDownload(type) {
    var w = this.w;
    var exprt = new Exports(this.ctx);

    switch (type) {
      case 'svg':
        exprt.exportToSVG(this.ctx);
        break;

      case 'png':
        exprt.exportToPng(this.ctx);
        break;

      case 'csv':
        exprt.exportToCSV({
          series: w.config.series,
          columnDelimiter: w.config.chart.toolbar.export.csv.columnDelimiter
        });
        break;

        case 'xls':
            exprt.exportToXLS(this.ctx);   //alert('Export');
            break;
    }

key: "exportToXLS",
  value: function exportToXLS() {
      var w = this.w;
      if (w.config.ident === undefined)
          alert(w.globals.chartID);
      else //alert(w.config.ident);
      w.config.chart.toolbar.export.xls.fmtClick(w.config.ident, w);
    //this.triggerDownload(this.svgUrl(), null, '.xls');
  }

Answer 1

您需要访问导出 class 的实例。 完成后，您可以触发图表用于下载 csv、svg 等的方法。

var cts = chart.ctx;
ctx.exports.exportToSVG(ctx);
ctx.exports.exportToCSV({
    series: your.chart.series,
    columnDelimiter: ','
});

有关更多详细信息，请参阅此处的源代码： https://github.com/apexcharts/apexcharts.js/blob/master/src/modules/Toolbar.js

您将需要使用您在网络表单中选择的首选方法来运行此客户端脚本。