首页xlsx.full.min.js依赖要怎么在html文件中引入

xlsx.full.min.js依赖要怎么在html文件中引入

时间: 2023-08-07 21:06:58 浏览: 108

你可以在HTML文件中通过`<script>`标签引入`xlsx.full.min.js`依赖，示例代码如下： ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ECharts 读取 Excel 文件示例</title>  <script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script> </head> <body>  <div id="chart" style="width: 600px; height: 400px;"></div>  <script src="https://cdn.jsdelivr.net/npm/xlsx/dist/xlsx.full.min.js"></script> <script> // 读取 Excel 文件 const workbook = XLSX.readFile('data.xlsx'); const worksheet = workbook.Sheets['Sheet1']; // 转换数据格式 const option = { xAxis: { type: 'category', data: XLSX.utils.sheet_to_json(worksheet, { header: 1 })[0] }, yAxis: { type: 'value' }, series: [{ data: XLSX.utils.sheet_to_json(worksheet, { header: 1 }).slice(1), type: 'bar' }] }; // 初始化图表 const chart = echarts.init(document.getElementById('chart')); // 填充数据到图表 chart.setOption(option); </script> </body> </html> ``` 以上代码会从CDN上引入`xlsx.full.min.js`依赖。如果你想使用本地文件，可以将`<script>`标签中的`src`属性改为本地文件的路径。

阅读全文