首先给<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 : 与容器背景颜色一致
标签:轮播,series,距离,element,divData,scrollTop,table,echarts
From: https://www.cnblogs.com/kaoo-kiee/p/16788279.html