导出多个HighCharts以取得优异成绩

我正在使用HighCharts。 现在只需单击导出EXCEL，只有一个图表数据导出到excel。如果我放了一个或多个图表我希望所有这些图表数据在一个EXCEL中，但它只在EXCEL中显示一个图表数据我该怎么做才能得到这个？ 任何人都可以请求帮助这里是我的代码：HTML：

         
 
  XLS JavaScript: // Defining the chart $('#example-1').highcharts({ title: { text: 'Monthly Average Temperature', x: -20 //center }, subtitle: { text: 'Source: WorldClimate.com', x: -20 }, xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec' ] }, yAxis: { title: { text: 'Temperature (°C)' }, plotLines: [{ value: 0, width: 1, color: '#808080' }] }, exporting: { buttons: { contextButton: { menuItems: options } } }, tooltip: { valueSuffix: '°C' }, legend: { layout: 'vertical', align: 'right', verticalAlign: 'middle', borderWidth: 0 }, series: [{ name: 'Tokyo', data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6] }, { name: 'New York', data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5] }, { name: 'Berlin', data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0] }, { name: 'London', data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8] }] }); $('#example-2').highcharts({ title: { text: 'Monthly Average Temperature', x: -20 //center }, subtitle: { text: 'Source: WorldClimate.com', x: -20 }, xAxis: { categories: ['Sreekanth', 'Nenuuu', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec' ] }, yAxis: { title: { text: 'Temperature (°C)' }, plotLines: [{ value: 0, width: 1, color: '#808080' }] }, exporting: { buttons: { contextButton: { menuItems: options } } }, tooltip: { valueSuffix: '°C' }, legend: { layout: 'vertical', align: 'right', verticalAlign: 'middle', borderWidth: 0 }, series: [{ name: 'Tokyo', data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6] }, { name: 'New York', data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5] }, { name: 'Berlin', data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0] }, { name: 'London', data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8] }] }); $('#exportExcel').click(function(){ var chart1 = $('#example-1').highcharts(); var chart2= $('#example-2').highcharts(); var chart=Object.assign(chart1,chart2); chart.exportChartLocal({ type: 'application/vnd.ms-excel'}); //char2.exportChartLocal({ type: 'application/vnd.ms-excel'}); }); 

Answer 1

Highcharts 导出数据模块将getDataRows方法添加到图表的原型中。 它负责收集和返回将在导出文件中使用的数据。 您可以对其进行修改，使其从所有图表而不是一个图表中返回数据。

 each(H.charts, function(chart) { // loop added - H.charts refers to all charts each(chart.series, function(series) { // 'this' changed to 'chart' var keys = series.options.keys, pointArrayMap = keys || series.pointArrayMap || ['y'], 

现场演示： http ： //jsfiddle.net/BlackLabel/hgq2vzb4/

文档： https ： //www.highcharts.com/docs/extending-highcharts/extending-highcharts