- 博客(4)
- 收藏
- 关注
RSS订阅原创 echarts实现交互式柱状图
摘要：开发了一个交互式30天电压峰值占比柱状图，支持鼠标悬停滚动查看历史数据。采用ECharts实现横向柱状图，通过透明柱子展示各电压区间的百分比数值。关键技术包括：动态计算显示条数、自动重置视图、特殊标签位置处理。解决了数据量动态变化导致的显示异常问题，最终实现了包含100V以下(绿色)和100V以上(黄色)两个电压区间的可视化展示。
2025-09-23 10:56:21
681
原创 Antd Table禁止滚动 实现分行查看
在之前的项目中我实现了Table组件的自动滚动功能，但这次在其他项目中想要实现的效果又有所改变，取消设置scroll属性让表格滚动，通过三个按钮【回到顶部】、【向上】、【向下】来按行查看表格的数据，所以这跟我之前表格自动滚动的需求又不一样，这篇文章就分享一下我自己的处理方法，希望对大家有所帮助。执行以上两个步骤就可完成表格翻页查看的功能，具体的代码逻辑我已经添加了注释，有不懂的地方也可以评论区询问~~第二步：根据需求编写表格滚动逻辑。第一步：绘制静态界面。
2025-09-19 16:54:08
110
原创 【前端】可视化大屏项目中Antd的table组件实现自动滚动和自定义斑马纹颜色
大家可能对有些方法的使用不是很清楚，我简单做下解释：1、在写滚动逻辑的时候，用到了xxx.scrollBy()的方法，这个方法是JavaScript中window对象的一种方法，可以在获取某个容器之后，指定像素数目，让其以指定的像素数目滚动窗口的内容。2、在对表格的样式进行更改的时候，用到了:deep()深度选择器。
2024-04-26 11:47:29
1642
1
原创 自定义antdesign组件库中menu菜单的箭头大小
需要注意的是在设置大小的时候要加!important不然原生的样式会覆盖自定义的，希望对大家有用~~
2024-04-24 14:45:27
610
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人