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");
}

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

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

CanvasJS 兼容 Excel 和制作图表吗？

Is CanvasJS compatible with Excel and making chart?

canvasjs