- 博客(21)
- 收藏
- 关注
RSS订阅原创 Echarts柱状图例--手写实现legend图例支持多选、单选、联动、滚动等功能
实现手写legend并支持反选全选等操作，在此基础上还能实现一下翻页、更改滚动条样式等操作，并且测试过对于线形图与柱状图同样适用。手写legend主要基于div盒子模型遍历生成，图例部分自己维护，避免了官网配置项使用的局限性，能完成很多操作。官网给的图例支持的翻页、滚动等功能，在样式方便一般都无法更改，实际开发时很难满足UI样式需求。利用官方给的legend的selected配置项，来控制图例选择状态表。其中参数名与legend的data相互对应，即可控制对应系列展示隐藏。
2024-05-28 17:30:15
993
原创 ant-design-vue日历面板 a-calendar自定义属性及日期默认选择展示 或手动实现
实现一个日历能正常筛选日期且能在日历看板上标注出给定日期范围，如果上述利用作用域插槽的方法 不能满足日常应用，也可进行基于ant-design-vue 组件手动开发日历项。详情可见另一篇文章。
2024-03-28 16:15:41
1659
1原创 antdv 下拉框设置getPopupContainer无效 ，页面滚动还是不跟随页面滚动解决方案
设置完getPopupContainer之后，组件还是不会随着页面滚动，因为getPopupContainer设置的是绝对定位absolute，还需要在组件所要依赖的父元素上设置相对定位relative。例如ant d 的popoconfirm 或者Popover 组件，都有一个getPopupContainer参数，可以控制组件的在指定的组件下，getPopupContainer可以有多中写法
2023-12-12 11:21:13
3511
原创 关于echarts line堆积折线图的itemStyle的回调函数只改掉了折点样式，不修改线条样式问题，如何保证线条与拐点的颜色一致
折线图的itemStyle的回调函数只改掉了折点样式，为了使线的颜色和折点颜色保持一致，应该如何配置？
2023-12-05 15:29:05
868
原创 Echarts柱状图例--获取图例中每个bar的高度
Echarts柱状图例--获取图例中每个bar的高度， 最近做项目时，产品那边要求，不仅要设置最小高度，防止数据差太多，有的图看不清楚，还得名字过长时候显示省略号，正常的做法就是，在formatter中设置我们显示的文本格式(汉字+“…利用maxBar的数据量 与高度，计算出其他的bar数据比，从而得出高度。
2022-09-30 10:36:30
2493
转载 父子组件传值prop与$emit、爷爷组件与孙子组件传值
父组件传给子组件父组件想要给子组件传值，在引用的子组件中 利用：传值，例如：父组件<scoll :listen-scroll="listenScroll"> <scoll/>子组件：prop：["listen-scroll"]子组件接受父组件的传值时，使用prop接受，子组件传递给父组件子组件传递给父组件通过$emit 传递父组件：接收时还用showAddrName，updateAddrName是父组件中定义的别名，data是子组件传递的数据<s
2022-04-29 10:59:03
827
原创 如何在word文档插入代码块
使用网站 http://word.wd1x.com/直接访问此网站，将所需代码从开发工具中复制出来，粘贴到此网站上，再选择需要的编程语言，直接点击“高亮”即可；
2022-04-17 12:09:43
1546
原创 HTML+CSS基础学习
HTML+CSS基础学习HTML1.VScode+Typora快捷方式a.Typora：（1）、高亮： == # == ，内敛公式使用：$\textcolor{red}{红色文字} $（2）、ctrl+shift+K 插入代码块（3）、b.vscode ：无论光标在哪里，ctrl+enter 都会成下一段落，ctrl+shfit都会说上一行加缩进 tab 减缩进 tab+shfit快捷书写：！+Enter自动填充格式：shfit+alt+F*section*6>
2022-01-14 13:33:55
6517
原创 DOM与BOM基础学习笔记
DOM与BOM一、DOM1、DOM简介文档对象模型，是处理页面的一些接口文档：一个页面就是一个文档元素：页面中的所有标签都是元素节点:网页中所有内容都是节点： 文档节点：整个html文档 元素节点：heml中的html标签 属性节点：元素的属性 文本节点:html标签中的文本内容2.获取元素节点通过document对象调用1.根据id获取getElementById
2022-01-14 13:32:24
545
原创 关于登录后第一次调用接口token为undefined的情况,以及带名,匿名,箭头函数区别
1、关于登录后第一次调用接口token为undefined的情况在我们利用axios.createconst getInstance = () => { return axios.create({ headers: { Authorization: `Bearer ${storage.get("token")}`, Server: `${Date.parse(new Date().toString())}`, //添加时间戳 }, baseURL
2022-01-14 13:04:16
3691
原创 ts+js操作数组或对象，findIndex获取指定数据下标或索引值
ts+js操作数组，findIndex获取指定数据下标或索引值查找一维数组指定数据下标//findIndex中需要传入一个函数，此函数的目的是为了传入你的查找条件，//x对应的是数组subUserIdList的每个数据,x === itemTwo.userId是查找数据中与itemTwo.userId相等的下标 subUserIdList.findIndex((x) => x === itemTwo.userId)如果想将findIndex与其他操作数组的方法连用，可以如
2022-01-04 15:05:30
5728
原创 vue3+ts+vant调用接口时catch获取不到后台错误信息
vue3+ts+vant调用接口时处理后台错误信息在利用Notify组件进行消息提示时，错误信息的返回是在catch里执行的，当接口调用报错时，try执行不到调用接口后面的内容，所以此时Message不会被 赋值，但是错误信息已经 在catch的返回值时存在了，所以我们可以直接调用error.message, //#region 调用删除添加与编辑接口 const RulesApi = async (param: number, data: any) => { const
2021-12-31 17:14:48
2549
原创 github主题下修改Typora的高亮颜色 文字标红
github主题下修改Typora的高亮颜色 文字标红效果图文件->偏好设置->Mardown勾选Mardown中的高亮选项文件->偏好设置->外观->开发者文件编辑github.css文件，在文档的最后一行加上如下代码#write mark{ background: #ffffff; color: rgb(216,105,105); font-weight: bold; border-radius: 2px; paddi
2021-08-19 16:54:16
1410
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人