Excel表格数据生成ECharts图表 | 您所在的位置:网站首页 › 怎么把excel表格数据变成图表 › Excel表格数据生成ECharts图表 |
什么东西:
是这样,前些时候有个网友问我,ECharts怎么用,我说我研究研究。。。 然后就做了这么个小东西,通过html页面,选择一个有数据(固定格式)的Excel文件,根据Excel里面的数据,生成对应的ECharts图表,如折线图、柱状图。 效果如下:其实大家仔细一看就知道Excel的数据和转换后的图表是怎么对应上的。例如: 文件名 -- 图名 首列名 -- x轴名 首列数据 -- x轴刻度 其他列名 -- 一个统计项目 其他数据 -- 数据内容 实现方式: 代码方面是比较简单的,读取和转换Excel数据用了GitHub的js-xlsx:https://github.com/SheetJS/js-xlsx,图表部分用的是ECharts的库https://echarts.baidu.com/。 然后就是,通过选择Excel文件,读取数据,转换成ECharts要的数据格式,然后调用ECharts的功能展现出图表。 全部给你:有兴趣的可以下载来玩玩,我直接上传到csdn了,可通过:根据Excel表格数据生成ECharts图表进去下载,不过这里要5积分,我也不知道怎么才能设置成免费。 没积分的话留个联系方式或者邮箱什么的我直接给你发。 压缩包里面直接打开index.html就行了,然后在页面点按钮选择Excel文件,就会自动读取并生成图表。 压缩包里面有个Excel模板的文件夹,里面有两个我测试用的Excel,你们也可以参考着玩。 写得比较简单,bug还是不少的,自己也可以看着修改着玩。 最后: 小仙女考试顺利~ 我也考试顺利~
-------------2019年7月1日更新--begin---------------------------------------------------------------------- 是酱紫吼,上周的时候有个小伙伴说想要个饼图的,所以翻出了老代码,一番折腾,加了个饼图的按钮。 效果如下,注意Excel与饼图的数据对应关系 : 然后,新的整个项目已经传到csdn了,有需要的话可以下载,或者留言邮箱。 资源:根据Excel表格数据生成ECharts图表 V2.3 -------------2019年7月1日更新--end!---------------------------------------------------------------------- -------------20210408更新,项目上传到github了,内容无更新,有需要可以直接取github下载------------- https://github.com/itlihy/ExcelToECharts |
CopyRight 2018-2019 实验室设备网 版权所有 |