随笔 - 35  文章 - 0  评论 - 0  阅读 - 9409

element 表格自动轮播、echarts部分属性

首先给<el-table>标签加上ref=“table”

const table = this.$refs.table
// 拿到表格中承载数据的div元素
const divData = table.bodyWrapper
// 拿到元素后,对元素进行定时增加距离顶部距离,实现滚动效果(此配置为每100毫秒移动1像素)
setInterval(() => {
// 元素自增距离顶部1像素
divData.scrollTop += 2;
// 判断元素是否滚动到底部(可视高度+距离顶部=整个高度)
if (divData.clientHeight + divData.scrollTop == divData.scrollHeight) {
// 重置table距离顶部距离
divData.scrollTop = 0;
}
}, 50)
然后需要加入鼠标移入移出暂停继续的可以加上 最后再beforeDestroy声明周期中清除定时器
echarts改变信息提示框的文字样式:tooltip :{ backgroundColor:red;textStyle:{ color:wihte; fontSize:18px } }
echarts统计图的位置:series - center - [ , ]
echarts文字注解的位置:option - legend :{ top right x y }距离top多少距离,距离right多少距离,x、y的属性值可以为center,表示在某个轴上居中
echarts饼图的半径 series - radius :[ , ](一个值表示为扇形,两个值表示为圆环)
echarts文字注解的排列方式 option - legend - orient :horizontal/vertical
echarts添加饼图之间的间隙 - series - borderWidth : 5,borderColor : 与容器背景颜色一致
posted on   kaookiee  阅读(414)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示