将 Apexcharts 导出到 XLS 文件

Question

有谁知道如何将 apexcharts 中的数据值获取到 xls 文件中？ 我在github上搜索过，但什么也没得到。

我已经尝试通过 apexcharts.min.js 文件将导出到 xls 添加到 apexchart 的工具栏中 有人知道如何让它在 ASP.NET WebForms 中工作吗？

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

您需要访问 Export 类的实例。一旦完成，您就可以触发图表用于下载 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

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

Answer 2

chart.exports.exportToCSV({
      series: chart.series.t,
      columnDelimiter: ',',
    })

这会起作用，我尝试过并且成功了