- 博客(10)
- 收藏
- 关注
RSS订阅原创 SVG 实现动态进度条水滴图技术总结
本文介绍了使用SVG实现动态进度条水滴图的技术方案。相比ECharts，SVG方案具有轻量、可控、易扩展等优势。关键技术包括：1)基于正弦函数的波浪路径生成算法；2)双波浪层错位动画系统增强立体感；3)响应式进度计算与渐变色彩设计；4)交互式拖拽功能与边界检测。实现过程中重点优化了性能(RAF动画、路径复用)、视觉效果(层叠波浪、渐变)和用户体验(拖拽交互、边界限制)。该方案适用于需要高自定义性和流畅动画的数据可视化场景。
2025-11-14 11:14:02
164
原创 G2Plot vs ECharts
G2Plot是一款由AntV团队开发的配置化图表库，主打简洁高效和开箱即用的设计理念。其核心优势包括：与Ant Design生态无缝集成、默认样式美观专业、TypeScript支持完善、响应式设计和大数据性能优化。相比ECharts，G2Plot更适合React+Ant Design技术栈项目，代码更简洁，在柱状图转化率等常规统计图表上表现更突出。不足在于深度定制灵活性有限，复杂需求需依赖底层G2引擎。总体而言，G2Plot是中后台系统快速构建专业图表的理想选择。
2025-11-10 11:15:47
819
原创 树结构改菜单目录功能
本文介绍了在原有ztree3树结构基础上改造为菜单目录的实现方案。通过自定义view配置中的addDiyDom回调函数，为节点添加图标和样式包装层，实现多级菜单效果。关键点包括：1) 使用wrapper包装节点内容；2) 为不同层级设置差异样式；3) 通过回调函数控制点击事件、展开行为和勾选状态；4) 支持三级子目录的多选框功能。该方案在保持原有插件架构的前提下，通过样式和交互逻辑的调整，实现了树形结构向多级菜单的平滑过渡，同时减少了产品线的修改工作量。
2025-09-15 13:31:17
196
原创 连带功能及修改数据
摘要： 本文介绍了一个商品延期功能中的连带查询实现逻辑。通过点击展开按钮可查询最多两级的关联数据，若无关联数据则发起网络请求获取。CSS通过设置左间距实现层级展示，展开时判断是否存在关联数据并处理修改行的连带线样式。代码包含展开/折叠状态切换、层级判断、数据请求及DOM操作等逻辑，同时处理了修改行数据的特殊样式需求。功能支持异步查询关联数据并动态插入表格，实现了多级数据联动展示。
2025-08-21 17:41:55
178
原创 ECharts、Highcharts 和 D3对比
ECharts、Highcharts 和 D3.js 是三种常用的数据可视化工具，各有其特点和适用场景。
2025-03-21 13:51:12
1244
原创 基于element组件-时间维度筛选组件(季度选择)
2.季度选择通过el-date-picker实现，使用shortcuts新增季度选择按钮实现(产品线选此方案)，以下为此方案得具体实现代码(datePicker.vue)实现思路：1.除了季度选择外其他时间筛选使用el-date-picker实现，季度选择自己手写一个，主要是年得切换；再element-ui得el-date-picker基础上新增季度选择。
2025-03-06 17:47:49
642
1LCalendar日期日历组件( 新增回调函数)
2025-03-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人