10 根据dvadmin系统自带的文件管理功能,上传excel文件,利用echarts展示出来,后端部分应该如何设计 悬赏已过期

发布于 2023-05-23 15:18:26

求助.png

@hongzai 看了hongzai大佬在crud快速开发模块中举了echarts开发的例子,echarts对应的demo,只有前端部分,没有后端怎么写,所以不太清楚后端部分如何设计
目前我想要根据dvadmin系统自带的文件管理功能,上传excel文件,利用echarts展示出来,后端部分应该如何去写?
image.png
例如获取test.xlsx文件,用echarts展示

查看更多

关注者
0
被浏览
946
1 个回答
hongzai
hongzai 认证专家 2023-05-24
life is coding,外包,远程协助,咨询添加微信:H0nGzA1

1.后端用pandas或者其他处理excel的工具包,先处理你的数据,直接从文件附件管理的地址里读数据,解析,按照你自己的算法,返回给前端数据
2.前端画图,echarts的核心就在于options配置,data,data我们从后端拿到,不同的图不同的data数据结构不一样,比如饼图是一个objects的数组,柱状图,折线图就是简单的一维数组就好,配置好xAis和yAis就可以显示,在接口回调数据里渲染图就好,下面是伪代码

api.getChartData().then((res)=>{
        this.chart.setOptions({ // chart 是画图的dom
                ...图表配置省略
                data:res.data
            }) 
    })

在vue生命周期的mounted里写就好了

撰写答案

请登录后再发布答案,点击登录

发布
问题

分享
好友

手机
浏览

扫码手机浏览