根据Excel表格数据生成ECharts图表 V2.3

huay_liZIPExcelToEchartsV2.3.zip  411.45KB

资源文件列表:

ZIP ExcelToEchartsV2.3.zip 大约有13个文件
  1. ExcelToEchartsV2.3/
  2. ExcelToEchartsV2.3/Excel模板/
  3. ExcelToEchartsV2.3/Excel模板/模板Excel-饼图.xls 26KB
  4. ExcelToEchartsV2.3/Excel模板/模板Excel.xls 27.5KB
  5. ExcelToEchartsV2.3/Excel模板/模板Excel.xlsx 14.05KB
  6. ExcelToEchartsV2.3/css/
  7. ExcelToEchartsV2.3/css/index.css 1.13KB
  8. ExcelToEchartsV2.3/favicon.ico 4.19KB
  9. ExcelToEchartsV2.3/index.html 1.41KB
  10. ExcelToEchartsV2.3/scripts/
  11. ExcelToEchartsV2.3/scripts/echarts.min.js 730.07KB
  12. ExcelToEchartsV2.3/scripts/index.js 7.47KB
  13. ExcelToEchartsV2.3/scripts/xlsx.core.min.js 466.61KB

资源介绍:

一个html小工具,随便一个浏览器就可以运行。 功能: 可以选择一个固定数据格式的excel文件,根据excel文件的数据,以平铺或堆叠的形式,生成对应的线图或柱状图或饼图。可保存图片到本地。 用到: xlsx.js、echarts.js

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Excel to ECharts V2.3</title> <link rel="icon" href="favicon.ico"> <link rel="stylesheet" href="css/index.css"> <script type="text/javascript" src="scripts/xlsx.core.min.js"></script> <script type="text/javascript" src="scripts/index.js"></script> <script type="text/javascript" src="scripts/echarts.min.js"></script> </head> <body> <div id="header"> <h1>Excel to ECharts V2.3</h1> <span class="fileinput-button" id="btnLine"> <span>选择文件(线、柱)</span> <input type="file" id="inputLine" accept="application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" onchange="excelToECharts(this)" onclick="this.value=''"> </span> <span class="fileinput-button" id="btnPie"> <span>选择文件(饼图)</span> <input type="file" id="inputPie" accept="application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" onchange="excelToECharts(this)" onclick="this.value=''"> </span> </div> <!-- 为 ECharts 准备一个具备大小(宽高)的 DOM --> <div id="ECharts_main"> <div id="select_tip">请选择文件</div> </div> <div id="footer"> <b>只支持xls和xlsx格式的excel文件,具体数据格式请参照模板文件!</b> </div> </body> </html>
100+评论
captcha