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

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/链接。