javascript - 使用 amCharts.js 将饼图导出为 CSV/XLSX

Question

我找不到将数据从饼图导出到 CSV 或 XLSX 的方法。我检查了这个link来自 amCharts.js，但我可以设法使其适应我的需要。

这是我的代码:

function getDataProviderForEventsByFlow(){

    $.ajax({
        url: restURI,
        success: function(data) {
            am4core.useTheme(am4themes_kelly);
            chartEventsByFLow = am4core.create("events-by-flow", am4charts.PieChart);
            chartEventsByFLow.hiddenState.properties.opacity = 0;
            chartEventsByFLow.legend = new am4charts.Legend();

            var marker = chartEventsByFLow.legend.markers.template.children.getIndex(0);
            marker.cornerRadius(12, 12, 12, 12);
            marker.strokeWidth = 2;
            marker.strokeOpacity = 1;
            marker.stroke = am4core.color("#ccc");

            chartEventsByFLow.data = data;
            var series = chartEventsByFLow.series.push(new am4charts.PieSeries());
            series.dataFields.value = "number";
            series.dataFields.category = "category";
            series.dataFields.color = "color";
            series.labels.template.disabled = true;
            series.ticks.template.disabled = true;
            series.slices.template.tooltipText = "";
        }
    });
}

以及导出功能:

function exportCSVbyFlow() {
  chartEventsByFLow.export.toCSV({}, function(data) {
    this.download(data, this.defaults.formats.CSV.mimeType, "exportCSVvolumetryByFlow.csv");
  });
}

function exportXLSXbyFlow() {
  chartEventsByFLow.export.toXLSX({}, function(data) {
    this.download(data, this.defaults.formats.XLSX.mimeType, "exportXLSXvolumetryByFlow.xlsx");
  });
}

这是控制台中的输出:

无法读取未定义的属性“toCSV”

无法读取未定义的属性“toXLSX”

谢谢!

Answer 1

您提供的代码使用的是 v4，但您尝试用作示例的链接使用的是 v3。

你见过this page吗？ ？它展示了一种向具有不同导出选项的图表添加菜单的方法。它还讨论了使用以下代码以编程方式导出:

chart.exporting.export("csv");