Highcharts：我可以向用户导出驱动图表的原始数据的Excel或CSV吗？

我有通过WP AdCenter插件通过HighCharts生成的图表。 我希望用户（pipe理员和订阅者）能够下载驱动图表的原始数据，如Excel或CSV，而不仅仅是图表的PNG，JPG或PDF图像。 有没有办法做到这一点，而不是太严重的代码修改（我不是一个PHP程序员）。 这个额外的出口select是否可以在不久的将来推出？

Answer 1

这jsfiddle帮助你从高图创buildexcel。 添加到导出菜单的下载CSV选项正常工作。 只要经过这一点，你会做得更好。

这里是代码：

/** * A small plugin for getting the CSV of a categorized chart */ (function (Highcharts) { // Options var itemDelimiter = ',', // use ';' for direct import to Excel lineDelimiter = '\n'; var each = Highcharts.each; Highcharts.Chart.prototype.getCSV = function () { var xAxis = this.xAxis[0], columns = [], line, csv = "", row, col; if (xAxis.categories) { columns.push(xAxis.categories); columns[0].unshift(""); } each (this.series, function (series) { columns.push(series.yData); columns[columns.length - 1].unshift(series.name); }); // Transform the columns to CSV for (row = 0; row < columns[0].length; row++) { line = []; for (col = 0; col < columns.length; col++) { line.push(columns[col][row]); } csv += line.join(itemDelimiter) + lineDelimiter; } return csv; }; }(Highcharts)); // Now we want to add "Download CSV" to the exporting menu. We post the CSV // to a simple PHP script that returns it with a content-type header as a // downloadable file. // The source code for the PHP script can be viewed at // https://raw.github.com/highslide-software/highcharts.com/master/studies/csv-export/csv.php Highcharts.getOptions().exporting.buttons.contextButton.menuItems.push({ text: 'Download CSV', onclick: function () { Highcharts.post('http://www.highcharts.com/studies/csv-export/csv.php', { csv: this.getCSV() }); } }); var chart = new Highcharts.Chart({ chart: { renderTo: 'container' }, xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] }, series: [{ data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] }] }); $('#getcsv').click(function () { alert(chart.getCSV()); }); 

Answer 2

你可以在HighCharts的范围之外做。 您可以随时取出series.data值，并通过它们迭代以在页面中的javascript内生成CSV。 或者你可以在后端提前做。

Answer 3

您可以添加导出button（ http://api.highcharts.com/highcharts#exporting.buttons.contextButton.onclick ）并准备函数，它将从图表中获取所有值（保存在chart.series对象中）并推送到string/数组。 然后你需要find一个解决scheme，如何在javascript中“生成”文件，并填充数组/string。