- 博客(7)
- 收藏
- 关注
RSS订阅原创 echart分布图
本文介绍了使用Echarts实现中国订单分布地图的方法。首先需要下载Echarts官方地图数据包，包含中国及各省份JSON数据。代码部分展示了Vue组件实现，包括地图容器设置、Echarts初始化、数据绑定和样式配置。关键点包括：注册中国地图JSON数据、设置订单数据数组、配置视觉映射组件实现颜色渐变效果、添加交互提示框显示订单数量。组件还实现了响应式布局和资源释放功能。地图样式采用白色背景，省份边界和标签清晰可见，通过颜色深浅直观展示不同省份的订单量分布情况。
2025-07-11 15:03:15
286
原创 echart流向图
本文介绍了使用ECharts实现中国迁徙地图的完整流程。首先需要下载官方地图JSON数据包，然后通过Vue组件集成ECharts库。核心实现包括：注册中国地图数据、转换迁徙线/点数据、配置图表选项（包含交互提示效果和样式设置）。代码采用响应式设计，自动适应窗口大小变化，并包含加载状态管理。地图可视化主要包含两个系列：散点（effectScatter）表示省份，带箭头的线条（lines）表示迁徙路径，每条路径可自定义颜色和值。组件销毁时会自动清理资源，确保性能优化。
2025-07-11 14:36:51
279
原创 封装elment表格定制列
本文介绍了一个可定制表格列的Vue组件实现方案。该方案包含以下核心功能：1) 通过复选框组实现表格列的动态显示/隐藏；2)支持全选/取消全选功能，并确保至少保留一列；3) 配置信息持久化存储；4) 多表格兼容处理，通过name属性区分不同表格的路由路径。组件采用v-model双向绑定模式，包含完整的交互逻辑和样式处理，适用于需要灵活控制表格列展示的业务场景。
2025-06-26 16:52:48
623
原创 Echarts 图例交互（单选与多选切换优化）
这是一个基于Vue和ECharts实现的自定义图例交互组件。主要功能特点包括： 实现了两种交互方式： 点击色块：单选模式，只显示当前系列 点击文本：多选模式，切换系列显示状态 可视化配置： 包含4个数据系列（1个折线图和3个柱状图） 使用不同颜色区分各系列 支持响应式布局 核心技术点： 自定义图例DOM结构 动态控制series的显示/隐藏 通过v-for循环渲染图例项 颜色状态随选择状态变化 该组件提供了一种比原生ECharts图例更灵活的交互方式，适用于需要多选/单选切换的数据可视化场景。
2025-06-26 16:25:31
478
原创 Echarts 图例交互（单选与多选切换）
摘要：本文展示了一个基于ECharts的图例交互示例，实现单选框和默认模式切换功能。代码包含完整的Vue组件实现，通过legendselectchanged事件监听图例点击，在单选模式下自动取消其他图例选中状态。主要特性包括：1) 可切换的单选/多选图例模式；2) 响应式图表布局；3) 随机生成柱状图数据；4) 美观的UI控制面板。该示例演示了如何通过ECharts API动态控制图例行为，适用于需要精确控制图表交互的数据可视化场景。
2025-06-25 15:28:34
287
原创 滑块控制Echarts散点图数据范围
通过 Element UI 滑块组件与 Echarts 散点图结合，实现数据范围动态筛选功能。滑块可调整显示数据区间，联动更新图表内容，同时支持显示 / 隐藏数据标签、按业务类型（金牛 / 明星等）映射颜色，并通过标记线划分业务象限，提升数据可视化交互体验。
2025-06-24 11:28:07
233
原创 解决ElementUI中树形结构table父子集勾选问题
本文介绍了基于Element UI的树形表格实现全选/部分选择功能的方案。通过el-table组件绑定树形数据源cartonMatchList，实现了父子节点联动选择功能。主要方法包括：updateParentSelection递归更新父节点选择状态，findNodeById查找节点，handleSelect处理选择事件并设置子节点状态，selectAll处理全选事件。当用户操作全选、选择子类或父类时，系统会自动维护父子节点的选择状态一致性，并将选中ID存储在ids数组中。该方案有效解决了树形表格中父子节点
2025-06-19 17:29:08
272
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人