- 博客(80)
- 资源 (2)
- 收藏
- 关注
原创 【Echarts系列】多图例柱状图
本文介绍了使用Echarts实现多图例柱状图的开发方法。主要内容包括:1) 展示了包含宁乡市、望城区等4个地区12个月份数据的多系列柱状图示例;2) 提供了标准的数据格式结构,包含月份和地区数据数组;3) 重点解析了Echarts配置选项(option),涵盖图例、提示框、坐标轴和系列样式设置;4) 基于Vue框架实现图表组件,包含数据响应、自适应和销毁处理。该方案可用于地区多维度数据对比场景,核心配置可复用至其他前端项目。
2025-06-18 10:52:14
219
原创 【Echarts系列】简单柱状图
本文介绍了使用Echarts实现简单柱状图的方法。文章包含一个完整的Vue组件示例,展示了如何渲染12个月份的重量数据。核心内容包括:数据格式定义(月份和重量值)、图表配置选项(包含x/y轴设置、图例、提示框等样式配置),以及组件生命周期中的图表初始化和响应式处理。特别指出应重点关注option配置部分,其中详细设置了坐标轴、柱形样式和标签显示等参数。该示例可作为基础柱状图的开发参考模板。
2025-06-18 08:55:39
222
原创 【Echarts系列】排行榜[超出指定条数滚动]
【Echarts排行榜实现摘要】 本文介绍了一个基于Echarts的可滚动排行榜实现方案。核心功能包括: 支持奖牌图标显示(🥇🥈🥉) 自动处理超长列表(超过10项时调整样式) 数据格式要求包含name和percent字段 主要技术点: 使用yAxis的category类型显示排名 rich文本格式实现复杂样式 动态调整grid和字体大小适应不同数据量 双层bar实现背景条效果 提供了Vue3+TypeScript的实现框架,重点展示了option配置 适用于需要展示排名数据的可视化场景
2025-06-17 15:29:06
390
原创 弹窗组件嵌套弹窗组件问题
确保路径和导入正确。确保组件注册没有问题,并且 Vue 可以正确识别它。确保递归组件使用 name 属性,并且在模板中正确使用它。清理缓存并重新编译,排除构建缓存问题。使用条件渲染来控制嵌套组件的显示(如 v-if)。
2024-12-17 10:06:57
603
原创 【Echarts系列】平滑折线面积图
Vue版本以及脚本语言的选择各有不同,核心内容主要是option,重点关注该部分内容即可。为了节省后续开发学习成本,这个系列将记录我工作所用到的一些echarts图表。
2024-06-11 09:38:15
1190
1
原创 【Echarts系列】水平柱状图
Vue版本以及脚本语言的选择各有不同,核心内容主要是option,重点关注该部分内容即可。为了节省后续开发学习成本,这个系列将记录我工作所用到的一些echarts图表。
2024-06-11 09:15:43
1000
原创 工作总结【2023.7.10-2023.7.21】
总体来说,从一个学生转变为职场的过程,终究还是有些阻碍的。学生总是在等待着老师发布学习任务,传授知识,好像所有的东西都可以等着它来,只需要被动学习。可职场还是不一样,大家手里头的任务很多,能愿意停下来帮你是真的很难得了。你需要主动适应主动学习,多思考多问。
2023-07-21 09:49:07
339
原创 错误记录:This application has no explicit mapping for /error, so you are seeing this as a fallback.
This application has no explicit mapping for /error, so you are seeing this as a fallback.
2023-02-22 18:38:27
441
原创 wget https://raw.githubusercontent.com/.../kubeflannel.yml连接不上的粗暴解决方案
wget https://raw.githubusercontent.com/coreos/flannel/master/Documentation/kube-flannel.yml拒绝连接或者连接不上的另一种解决方式
2022-10-13 15:59:33
1620
原创 Dockerfile构建tomcat镜像运行容器无法自启tomcat服务
Dockerfile构建tomcat镜像运行容器无法自启tomcat服务
2022-10-10 21:13:39
635
原创 通过实例学Android应用开发04
通过实例学安卓开发实例题目程序结果展示界面涉及到的知识点实现过程源码实例题目使用ListView控件和ArrayAdapter数据适配器实现列表方式的选择。程序结果展示界面涉及到的知识点列表控件ListView及其数据适配器ListView是列表数据显示控件,以列表形式显示。ListAdapter及其相关类用于显示列表数据的数据适配器接口。抽象类BaseAdapter实现了ListAdapter接口,同时又是类ArrayAdapter和SimpleAdapter的超类。单列数据的显示
2022-04-25 13:06:39
1009
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人