Question

我想知道它是否能够读取excel文件（即sample.xls）并根据它创建图表？如果是这样，您可以提供示例图像和源代码。感谢

Answer 1

CanvasJS目前不支持以Microsoft Excel格式导入或导出数据。您必须与CanvasJS格式进行转换。

参考：http://canvasjs.com/docs/charts/basics-of-creating-html5-chart

Answer 2

使用下面的代码作为将数据导出到excel的参考

document.getElementById("downloadExcel").addEventListener("click", function(){
  downloadAsExcel({ filename: "chart-data", chart: chart })
});

function downloadAsExcel(args) {
  var dataPoints, filename;  
  filename = args.filename || 'chart-data';

  dataPoints = args.chart.data[0].dataPoints;
  dataPoints.unshift({x: "X Value", y: "Y-Value"});
  var ws = XLSX.utils.json_to_sheet(dataPoints, {skipHeader:true, dateNF: 'YYYYMMDD HH:mm:ss'});
  if(!ws['!cols']) ws['!cols'] = [];
  ws['!cols'][0] = { wch: 17 };
  var wb = XLSX.utils.book_new();
  XLSX.utils.book_append_sheet(wb, ws, filename);
  XLSX.writeFile(wb, filename + ".xlsx");
}

参考链接https://jsfiddle.net/canvasjs/7kqeprcs/，用于导出excel文件中的数据。

如果要在单个excel文件中下载多系列图表数据，请参考https://jsfiddle.net/Root_Savaj/zmf6uqsv/链接。

CanvasJS是否与Excel兼容并制作图表？

2 个答案: