- 博客(7)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 ECharts 菱形柱形图（伪3d）
摘要：本文介绍了一个使用ECharts实现的立体柱状图配置方案。通过主柱状图结合上下两个象形柱图（菱形装饰），构建出具有立体效果的柱状图。配置包括：1) 主柱状图使用线性渐变填充；2) 底部菱形使用深色填充；3) 顶部菱形采用与主柱相同的渐变效果。此外还设置了坐标轴、网格布局、提示框等辅助元素，通过zlevel控制图形层级关系，使整体呈现立体视觉效果。该配置适合需要展示数据对比且强调视觉冲击力的场景。
2026-01-16 14:54:11
95
原创 天地图+vue3（label+marker）实现
本文介绍了使用天地图API实现地图功能的方法。主要包括：1)在HTML中引入天地图API并设置地图容器；2)使用JavaScript初始化地图，设置中心点、缩放级别和混合地图模式；3)实现标记点功能，包括自定义样式、点击交互和清除标记；4)提供了CSS样式代码，为标记点添加半透明背景、边框和悬停效果；5)详细说明了Marker的创建方法，支持自定义图标、拖拽和鼠标事件处理。该方案适用于需要在地图上展示交互式标记点的Web应用开发。
2025-11-12 17:28:02
240
原创 拖动组件实现简单的表单结构
该代码实现了一个可视化表单设计器，主要包含以下功能： 采用三栏布局：左侧组件面板（20%）、中间设计区（400px）、右侧属性配置区（自适应） 核心功能： 左侧提供三类可拖拽组件：布局控件、检查结果控件和基础控件 中间设计区支持组件拖放、复制、删除和排序 右侧面板可配置选中组件的各项属性 技术特点： 使用Vue3 + Element Plus + vuedraggable实现 组件数据通过深拷贝和唯一ID管理 支持表单验证、动态属性配置 响应式设计，适配不同屏幕 特色功能： 分栏布局嵌套 检查结果组件特殊配
2025-09-02 11:26:08
159
原创 半圈仪表盘
本文介绍了DisposalRateChart.vue组件的实现，这是一个基于ECharts的半圆形仪表盘图表。组件通过props接收value(0-100)和color参数，使用echarts.graphic.LinearGradient创建渐变色进度条。主要特点包括：180度半圆设计、26px宽度的环形进度条、动态数值显示(带百分比)、响应式布局以及性能优化(组件卸载时清理资源)。图表配置隐藏了刻度、标签等元素，突出显示当前值和渐变进度条，并处理了窗口大小变化时的自适应问题。
2025-08-14 14:50:18
158
原创 new map()和new set()使用详细（new map()和new set()的区别）
简介：new Map(): 在JavaScript中，new Map()用于创建一个新的 Map 对象。Map 对象是一种键值对的集合，其中的键是唯一的，值可以重复。new Set(): 在JavaScript中， new Set() 是用来创建一个新的 Set 对象的语法。Set 对象是一种集合，其中的值是唯一的，没有重复的值。new Set() 可以用来创建一个空的 Set 对象，在创建时传入一个数组或类数组对象，Set 会自动去除重复的值。
2024-06-18 09:44:07
4041
3原创 vue安装
vue安装运行安装下载安装包(https://note.youdao.com/ynoteshare1/index.html?id=7c3cadc801496e1914a552f93b6894e9&type=note)建议安装在盘符的根目录下手动新建文件夹 ：npm config set prefix "D:\nodejs\node_global" npm config s...
2019-11-15 19:13:55
181
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人