javascript - 在 Highcharts 中使用插件 CSV 导出时如何自定义文件名？

Question

我使用的插件是这样的: http://www.highcharts.com/plugin-registry/single/7/Export-CSV

我在标签“head”上的部分代码是这样的:

<script type="text/javascript">//<![CDATA[ 
var titulodelgrafico = "Soy el titulo del gráfico";    /* TODOS: reemplazar por el nombre de la pregunta  */
var titulodelarchivo = "Soy el titulo del archivo";    /* TODOS: reemplazar por el nombre del archivo     */
var nombredelaSerie =  "Soy el nombre de la serie";    /* TODOS:  reemplazar por el nombre de la serie    */
var titulodelejeY =    "Soy el titulo del eje Y";      /* BARRAS: reemplazar por el titulo del eje Y      */
var formatodeltooltip ="{series.name}: <b>{point.percentage:.1f}%</b>"; /* PASTEL Y SEMICIRCULO: reemplazar por la forma de llamar los tipos de datos */
$(function () {
/* ______________________ GRÁFICA DE PASTEL ______________________ */
    $('.pastel').highcharts({
        title: {text: titulodelgrafico}, tooltip: { pointFormat: formatodeltooltip },exporting: { filename: titulodelarchivo },legend: {width: 300, itemWidth: 150 },
        xAxis: {
        categories: ['Firefox', 'IE', 'Chrome', 'Safari', 'Opera', 'Others']
        },
        series: [{
            type: 'pie',
            name: nombredelaSerie,
            data: [
                ['Firefox',   45.0],
                ['IE',        26.8],
                {
                    name: 'Chrome',   
                    y: 12.8,
                    sliced: true,
                    selected: true  /* Este aparecera seleccionado por defecto */
                },
                ['Safari',     8.5],
                ['Opera',      6.2],
                ['Others',     0.7]
            ]
        }]
        });
});

我需要使用自定义名称保存 CSV 文件以进行导出。
{filename: titulodelarchivo}/* 让我使用以下格式自定义“文件名”:PDF、PNG、JPEG 和 SVG。但不适用于 CSV。 */

我看过下面的代码: highcharts.com / studies / csv-export / csv.php

but I want to do in javascript, is it possible?

Answer 1

据我所知，在 javascript 插件中，URL 已编码到文件中。因此，发出 CSV 文件以供下载的 PHP 文件控制 CSV 文件的详细信息。要解决这个问题，您可以轻松地修改插件并更改 URL，然后托管您自己的 CSV 生成工具，该工具以任何格式发出您想要的文件名。为此，您必须获取 javascript 插件的源代码和 PHP 文件的源代码。

Javascript 来源:https://github.com/highslide-software/export-csv/blob/master/export-csv.js

在此页面中，您可以从以下行更改 URL。 (GIT 上的第 48 行)

Highcharts.post('http://www.highcharts.com/studies/csv-export/csv.php', {
                csv: this.getCSV()
            });

如您所见，URL 在其中编码为 csv.php。现在阅读该文件，PHP 源代码也可用。而且非常简单。

PHP 来源:https://raw.github.com/highslide-software/highcharts.com/master/studies/csv-export/csv.php

现在在此文件中，您将看到文件名在第 10 行静态设置为 chart.csv。

header('Content-disposition: attachment;filename=chart.csv');

您可以简单地将 filename=chart.csv 更改为您想要的任何内容。

现在这样做意味着您必须托管一个 PHP 服务器(您可以用其他语言重写它)并且您必须使用您的 javascript 文件副本。

希望这对您有所帮助。