根据Excel表格数据生成ECharts图表 V2.3 411.45KB
huay_li资源文件列表:
ExcelToEchartsV2.3.zip 大约有13个文件
ExcelToEchartsV2.3/
ExcelToEchartsV2.3/Excel模板/
ExcelToEchartsV2.3/Excel模板/模板Excel-饼图.xls 26KB
ExcelToEchartsV2.3/Excel模板/模板Excel.xls 27.5KB
ExcelToEchartsV2.3/Excel模板/模板Excel.xlsx 14.05KB
ExcelToEchartsV2.3/css/
ExcelToEchartsV2.3/css/index.css 1.13KB
ExcelToEchartsV2.3/favicon.ico 4.19KB
ExcelToEchartsV2.3/index.html 1.41KB
ExcelToEchartsV2.3/scripts/
ExcelToEchartsV2.3/scripts/echarts.min.js 730.07KB
ExcelToEchartsV2.3/scripts/index.js 7.47KB
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> 相关资源