js获取echarts图表数据并实现多sheet excel导出

最新推荐文章于 2024-06-30 07:32:28 发布

MinMax_CC

最新推荐文章于 2024-06-30 07:32:28 发布

阅读量1.3k

点赞数

文章标签： javascript html

本文链接：https://blog.csdn.net/MaxVelika/article/details/105099539

版权

本文介绍如何通过JavaScript实现从多个ECharts图表中获取数据，并将其导出为包含多个工作表的Excel文件。示例代码展示了具体实现过程。

摘要由CSDN通过智能技术生成

实现效果：

可将多个echarts图表数据下载到一个包含多sheet的excel；

上代码

<button class="btn btn-blue" onclick="exportsData()">
    <span class="glyphicon glyphicon-download-alt"></span>&nbsp;&nbsp;数据下载
</button>

//下载数据
function exportsData() {
    getTableData();//获取数据
    var tableId = ['runCarCountTable', 'uploadCarTpyTable'];
    var sheetName = ['近期开工车辆行驶里程车辆数及环比', '昨日监控车辆数据车辆类型分类统计'];

    var fileName = '分析结果数据-' + new Date().Format("yyyyMMddHHmmss") + ".xls";
    //Format方法参考文章https://blog.csdn.net/MaxVelika/article/details/105098723
    tablesToExcel(tableId, sheetName, fileName, "Excel");
}

//获取表数据
function getTableData() {
    //近期开工车辆行驶里程车辆数及环比
    var headArr = ['日期', '车辆数', '环比'];
    appendLineBarTable('runCarCount', '#runCarCountTable', headArr);
    //昨日监控车辆数据车辆类型分类统计
    var headArr2 = ['车辆类型', '车辆数'];
    appendPieTreeMapTable('uploadCarTpy', '#uploadCarTpyTable', headArr2);
}

//拼接table(data[name:xx,value:xx]，适用于折线图，柱状图)
function appendLineBarTable(chartId, tableId, headArr) {
    var chart = echarts.init(document.getElementById(chartId));
    var opt = chart.getOption();
    var axisData = opt.xAxis[0].data