- 博客(9)
- 收藏
- 关注
RSS订阅原创 echarts配置option(2)——条形图
这段代码定义了一个包含多种电缆设施类型及其数量的列表，对该列表进行了排序，并基于排序后的数据创建了一个ECharts图表配置对象。图表配置包括设置颜色、提示框、网格、坐标轴（其中X轴隐藏，Y轴显示设施类型及经过处理的数值标签，并添加了额外的Y轴用于显示数值及单位）、数据缩放组件以及两个系列（一个条形图系列用于显示数量，另一个线条光效系列用于增强视觉效果）。此外，图表还考虑了响应式设计，通过调整字体大小等属性以适应不同屏幕尺寸。"func_type": "电缆隧道"},
2024-10-14 09:38:54
325
原创 echarts配置option（3）——饼图
本配置通过定义两个具有不同半径和样式的环形图，展示了如何使用ECharts创建嵌套环形图。每个环形图都基于相同的数据集进行绘制，并提供了高亮状态的标签显示功能。通过调整配置选项，可以轻松地定制环形图的外观和行为。var option;
2024-10-14 09:00:00
1704
原创 Spring Boot application.yml 基本配置详解
application.yml 是 Spring Boot 项目中常用的配置文件之一，用于定义应用的各种属性。以下是一个完善并带有详细注释的 application.yml 配置文件示例，适用于一个典型的 Spring Boot 应用，该应用使用 MySQL 数据库和 Redis 作为缓存。
2024-10-11 20:42:36
406
原创 3D Carousel（3D轮播）
调用 addKeyframeAnimation(imgList.length, deg);函数，传入图片数量和每张图片的旋转角度。在 addKeyframeAnimation 函数内部创建一个style元素，并设置其 type 为 text/css。计算每个关键帧的百分比 quotient，即 100 / length。初始化一个空字符串 keyframeCSS，用于存储生成的 CSS。
2024-10-11 20:41:52
867
原创 ECharts 仪表盘（Gauge）交互示例：通过鼠标拖动调整值
本示例展示了如何使用 ECharts 创建一个交互式仪表盘（Gauge），用户可以通过在图表上按下鼠标并拖动来调整仪表盘的数值。数值的变化是根据鼠标拖动的方向和距离动态计算的。
2024-10-11 20:40:21
370
原创 Linux环境下Nginx 安装、配置与文件更新指南
将新的 dist.tar 压缩文件上传到服务器的 /usr/share/nginx 目录（可以使用 SFTP、SCP 或其他文件传输方法）。这将创建一个名为 html_backup.tar 的压缩包，包含 html 文件夹及其所有文件。这将解压 dist.tar 文件，并创建相应的文件夹和文件（假设解压后得到 dist 文件夹）。这将把 dist 文件夹中的所有文件移动到 html 文件夹中。这将重启 Nginx 服务，使新的 HTML 文件生效。通常，Nginx 的二进制文件位于。
2024-10-11 20:39:23
298
原创 antd-V a-table各种格式排序
sorter: (a, b) => a.name.localeCompare(b.name), // 启用排序，这里是按名称的字母顺序排序。// 如果字母部分相同，再比较数字部分。title: '名称',// 如果都相同，则认为它们相等。title: '发生时间',// 自定义排序函数。// 先比较字母部分。4.数字和字母组合排序。
2024-05-15 11:08:23
873
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人