用Amcharts.js导出到CSV / XLSX的饼图



我找不到将数据从饼图将数据导出到CSV或XLSX的方法。我从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'

谢谢!

您给出的代码正在使用V4,但是您试图用作示例的链接是使用V3。

您看过此页面了吗?它显示了一种将菜单添加到具有不同导出选项的图表中的方法。它还讨论了使用以下代码进行编程导出的信息:

chart.exporting.export("csv");

最新更新