echarts

主要功能：乡村旅游吃喝玩乐信息展示，抽奖活动，地图点位搜索。 实现： 1、实现通过后台管理系统配置的形式完成小程序页面的配置展示，不同类型的数据绑定不同的前端展示组件及组件的编排实现页面的灵活配置，无需发布小程序。 2、抽奖活动基于redis分布式事务锁实现高并发，承载最大并发量10w次/S 3、地图点位展示基于mapbox开源地图实现点位及详细信息展示 使用技术栈：springboot，redis，es，mysql，nacos，dubbo，seata

根据设计原型图，分析项目逻辑，大数据统计分析页面的开发，vue开发，小程序的开发，微信公众号开发，uni-app开发。前端页面的搭建，小程序的开发，DataGear大数据页面的搭建，mxGraph流程矢量图的搭建等等。

1、项目开发运用了Vue2前端框架和Ant Design Vue组件库。 2、动态导航栏模块使用Vuex里异步请求接口数据，再同步操作里把数据存储到state中。通过路由懒加载的方式加载对应的路由地址，通过beforeEach判断是否登录和路由加载。 3、权限控制模块是通过不同的角色映射到对应的用户上，再由角色勾选出需要的路由组件。 4、主体功能是在线复判模块依据不同的机台号绑定NG料盒，再根据正式模式、测试模式、算法模式展示不同的缺陷图片，这里我采用canvas根据后端提供的数组坐标标注不同的缺陷类型和框的颜色，使用js函数封装的方式。在图片上可以进行局部缩放功能。 5、维修站点模块和历史查询模块主要也是采用canvas绘画，维修站点是通过键盘上下键进行复看。 6、统计分析模块是以Echarts封装柱形图、环形图、单折线图、多折线图和多维矩形图展示页面。 7、对多复用的函数进行封装，在vue.config开启gzip压缩，用懒加载方式优化页面和路由。

该项目是一个基于Vue3开发的数字大屏项目，主要用于数据可视化展示和监控。项目采用了Echarts图表库和Tailwind CSS框架实现了图文展示、监控展示、架构展示等模块。 我这边主要参与项目的前端开发工作，主要负责该项目的人才振兴、生态振兴、基层党建三个模块的开发；使用Vue3框架实现了数字大屏的各种功能，包括数据的采集、处理、存储和展示；使用Echarts图表库和Tailwind CSS框架实现了各种图表和页面的展示，包括柱状图、折线图、饼图、表格等。

工作内容 1.React + Ant-desgin Web页面的开发及bug修复； 2.使用 Dva 状态管理工具处理组件间通信和请求接口数据等工作，使得数据的存储和获取更加方便； 3.对于返回数据量达到3w+的情况，采用后端分页处理，减少页面重绘和回流，优化网站性能； 4.Nest.js+ MongoDB进行后端接口开发，并使用Redis缓存来优化访问MongoDB数据库的性能，从而避免大量数据查询导致的卡顿问题，提升了网站的性能; 5.通过Nest.js的中间件对上传文件请求进行拦截，判断文件MD5是否被修改及文件类型是否合理，为服务器数据的完整性和安全性提供保障； 7.数据前端下载报告功能改为后端下载功能，防止前端数据操作导致下载数据缺失，保证数据的完整性； 8.对页面进行国际化翻译和自适应处理，提升用户体验和网站可访问性。

20年11月份进入河北省廊坊市新奥股份有限公司 专注于城市管网开发 做过：洛阳，东莞，青岛，隆昌等城市的管网 主要负责：燃气管网地图部分 负责于前端协调地址管道，节点，门站，客户于地图上面展示

项目描述:公司内部项目大屏可视化及注册码部分数据维护，为企业大数据部分赋能。 工作内容： 1. 数据可视化部分页面的搭建及echarts的页面适配优化 2. 项目框架搭建和页面自适应功能

项目分为两大模块：2c 和 2B 2c主要涉及到GPS定位，电子锁跟踪，监控报警，小程序 2B主要涉及后台管理，包括车辆配载，车辆注册，司机注册，短信报警，权限管理等。 整体上为一个行业软件。

(Vue、Echarts、Element- ui) 该项目主要用于会计考务流程、考试培训及其数据管理、继续教育等等会计相关管理 负责内容: ■ 使用 Echarts 实现自定义可视化图表及使用 DataV 丰富图表的展示，并利用 domtoimage.js 生成 png 图片导出 ■ 利用阿里云 DATAV 生成地理坐标的数据，使用 Echarts 绘制广西区域图联动相关图表数据切换，地图点击下潜至市、区、县数据 ■ 使用树形控件懒加载考区摄像头列表，因多屏播放卡顿改用 Jessibuca 播放器进行多屏监控在线观看、历史回放，多屏切换及控制转向等 ■ 自定义表格拖拽换行排序编辑 ■ 生成考区入场填写二维码，扫码填写考生考场信息

项目介绍：本项目主要针对内部使用，使用了角色权限管理，普通用户和超级管理员可以分别看到不同的菜单；页面主要分为系统平台、指标看板、工作台 技术选型 ：vue2+echarts+ +vuex + elementUI... 技术亮点：1.封装通用表格组件，实现表头筛选，小数位的转换，单位元、万元、亿元切换，表头可固定列选择 2.封装通用表单组件，通过配置可实现基本验证规则，自定义个性化表单 3.echarts图高度还原UI设计，按需引入减少代码体积 4.实现用户的文件上传与回显，可以上传zip文件包、图片、word文档

1、项目开发运用了Vue框架、vue-router构建单页面应用、 Element-UI组件库和antd组件库，axios请求接口数据、 ES6 等技术。 2、负责捷报api数据监控 ，利用ECharts对api的调用次数、指标调用次数、调用排名进行展示。3、针对在测试环境使用的调试api ，使用proxy跨域对api进行调试。 4、资源组管理 ，对各个资源组的使用情况展示 ，利用ECharts图形展示资源组的月账单、年度账单、详情的账单流水， 资源组的部署分配和扩缩容资源信息。 5、API的导入导出功能 ，对导出的api以json格式导出；导入操作，上传json文件的发布包 ，发布到api管理页面，查看发布包的发布状态。 6、模型全景图，对不同的逻辑表展示不同的折线图和柱张图 ，展示每日用户登录数，每周审批数，每周发起评审数，每周评审通过数的时间段ECharts折线图。 ECharts图形都以封装好。 7、消息中心的模型设计草稿功能 ， 由上传文件新增 ，进行简单的删除、编辑、发起审批流程、查看等。 8、导出相应的逻辑表DLL的hql脚本 ，对页面进行前端优化 ，处理遗留的bu

本次项目是一个包括ESG数据库、企业上传、企业数据、企业评估等模块的综合性平台。作为前端研发人员，我负责了该项目的全部前端研发，包括项目研发设计和技术调研。 在技术实现方面，我们采用了vue3、vite、element-plus、pina、echarts、mapbox等技术栈，通过使用这些技术，我们实现了一个高效、易用、可靠的综合性平台。 在整个项目中，技术难点主要集中在echarts深度自定义、mapbox接入和UI高度还原两个方面。为了实现echarts深度自定义，我们深入了解了echarts的文档和demo，并结合我们的实际需求，不断进行调试和优化，最终成功实现了echarts的深度自定义。在UI高度还原方面，我们充分考虑了用户的体验需求和视觉感受，不断进行UI设计和调整，最终实现了高度还原的UI界面。 总的来说，该项目是一个综合性平台，我们通过采用vue3、vite、element-plus、pina、echarts、mapbox等技术栈，成功实现了一个高效、易用、可靠的综合性平台，解决了企业ESG评估的难点问题，同时也展示了我们在前端研发领域的技术实力。

1、项目开发运用了Vue2前端框架和Ant Design Vue组件库。 2、动态导航栏模块使用Vuex里异步请求接口数据，再同步操作里把数据存储到state中。通过路由懒加载的方式加载对应的路由地址，通过beforeEach判断是否登录和路由加载。 3、权限控制模块是通过不同的角色映射到对应的用户上，再由角色勾选出需要的路由组件。 4、主体功能是在线复判模块依据不同的机台号绑定NG料盒，再根据正式模式、测试模式、算法模式展示不同的缺陷图片，这里我采用canvas根据后端提供的数组坐标标注不同的缺陷类型和框的颜色，使用js函数封装的方式。在图片上可以进行局部缩放功能。 5、维修站点模块和历史查询模块主要也是采用canvas绘画，维修站点是通过键盘上下键进行复看。 6、统计分析模块是以Echarts封装柱形图、环形图、单折线图、多折线图和多维矩形图展示页面。 7、对多复用的函数进行封装，在vue.config开启gzip压缩，用懒加载方式优化页面和路由。

项目简介：项目从 0 到 1 开发， 整合管控上海交通设施， 路面病害， 监控视频， 施工进度等实时数据， GIS 地图总览等于一体展示大屏。 责任描述：1，结合业务需求和设计版本，细分任务模块，安排任务时间节点；2，合理安排前端开发人员任务，与后端人员协作，联调接口；3，与产品经理和设计紧密沟通，合理对页面模块优化修改；3，vue， vue-route 框架模块化开发前端页面；4，在报表模块中使用了 EChart 来增强可视化效果；5，使用 GIT 进行版本控制。

1.该项目是针对xxx市政府做的一个可视化大屏项目，主要分为政务、交通、生态等板块，主要使用到的技术是vue、echarts、javascript等等 2.在该项目中我独立负责一块大屏的开发任务，以及一些公共组件的封装，高度还原产品原型以及设计稿，最终交付部署上线获得甲方的好评

描述： 自助分析平台SA是一个完全可视化的基于Web的可视化SQL取数工具，面向ToB企业级产品，你可以通过类似玩乐高玩具的方式用一块块图形对象托拉拽SQL语句块，组合成复杂的SQL语句块，把复杂的SQL可视化图形转换为具体的数据库SQL语句进行预览取数分析。 主要模块： ELK分布式集群日志搜索核心子项目。 Presto分布式SQL查询引擎数据源核心系统。 DB2 数据库核心系统。 Hadoop 集群核心系统。 后端垂直拆分集群核心系统。 前端水平拆分集群核心系统。 Vue重构前端内容中心核心系统。 后台管理中心核心系统。 负责主要模块： 1、负责实现ELK分布式集群日志搜索核心子项目。 2、负责实现Presto分布式SQL查询引擎数据源核心系统。 3、负责实现自助分析JVM调优。 4、负责实现自助分析日常需求开发、运维、Netty 开源项目 BUG 修复等。 主要技术栈： 采用集群架构开发模式。 后端：Hadoop、HDFS、Hive、Zookeeper、KerberOS、Presto、ELK、SSM、Netty 3.6.5、ActiveMQ、Nginx、JDBC、Serv

项目简介： 患者临床信息统一视图是基于临床数据中心的一项典型应用,它可以将患者在医院历次就 诊的详细信息进行统一的展现。方便医生快速查找患者相关信息 负责模块： 首页，患者列表，检查，检验，特检，输血，护理，病历，费用，历次就诊，综合查询 使用技术： Vue 全家桶，Npm，Git 管理，Postman，JavaScript，axios，echarts，WebSocket 项目职责： 1、基于 echarts 开发各类图表，定制主题样式，高度还原 ui 设计稿，并封装成组件，以便日后使用。 2、使用 LodopFuncs.js 对接医院高拍仪仪器，实现拍照扫描上传患者相关文件，进行打印。 3、解决医生获取数据困难，开发数据提取功能，根据审批流分配审批单，同步飞书客户端。并通过 WebSocket 及时反馈审批进度，减少医生等待时间。 4、使用 pdf.js ，开发 pdf 预览放大，拖拽，旋转，并封装成可复用组件。 5、使用 fabric.js ，开发绘图功能，医生可在患者病情图片选择区域将患者敏感处打码，并标注对应情况。选择打码处，将记录对应坐标，生成 json 格式数据，传给

1、项目开发运用了Vue全家桶、XUI组件库。 2、荣耀家园后台配置进行了重构和新增 ，新增了勋章管理功能 ，设置勋章图标管理页面 ，颁发用户勋章页面。进行增删查改功能交互 ，新增时依据不同的类型对名称进行模糊查询。导入和导出功能。导入功能依据接口返回的message值展示。 3、公司知库页面开发运用XUI组件库。中英文切换功能 ，新建2个中文和英文的js文件 ，依据个人信息接口的字段判断进行切换。左侧是部门分类采用循环的方式展示所有子级。中间部分是多功能筛选功能和数据展示 ，多功能筛选依据接口返回的数组需进行处理。数据展和示有浏览量时间排序 ，对外部圈子的作者不跳转个人黄页。使用localStorage方式存储数据 ，当下次打开页面展示上次所选择选项的数据。 4、 内容中台项目的搭建使用的2个项目的iframe嵌套的方式实现的。利用XUI表格展示数据 ，再$router跳转到详情页接口返回树形数据展示。点击树形节点的子节点表格展示。进行分页、增删查改功能。 5、点赞点踩功能， 由另外一个搜索微服务页面的点赞和点踩操作 ，后台进行数据展示，增删查改和导出功能。

• 项目介绍：该程序是一款对工厂生产的各类数据进行可视化处理。 • 项目技术栈： vue + element-ui + Echarts + axios • 功能实现：使用了 Echarts 作为数据可视化的库。该项目旨在通过展示各种类型的数据图表来可视化销售数据和机器产量数据，帮助决策者更好地理解和分析业务。

本次项目是一个包括产业链数据库、行业政策库、可比企业筛选等模块的综合性平台。 作为前端研发负责人，我负责了该项目的大部分前端研发，包括项目研发设计和技术调研，以及项目的拆解分配任务。 在技术实现方面，我们采用了vue3、vite、element-plus、pina、echarts等技术栈，通过使用这些技术，我们实现了一个高效、易用的产业链平台。 在整个项目中，技术难点主要集中在echarts深度自定义和UI高度还原两个方面。为了实现echarts深度自定义，我们深入了解了echarts的文档和demo，并结合我们的实际需求，不断进行调试和优化，最终成功实现了echarts的深度自定义。 总的来说，该项目是一个综合性平台，我们通过采用vue3、vite、element-plus、pina、echarts等技术栈，实现了一个符合需求，完美还原UI，易用，稳定性高的产业链评估平台。