页面历史

{
	"dataZoom": [
		{
			"type": "slider",
			"height": 10,
			"show": true,
			"backgroundColor": "rgb(100,149,237)",
			"fillerColor": "rgb(\t30,144,255)",
			"xAxisIndex": [
				0
			],
			"start": 1,
			"end": 35,
			"zoomLock": true
		}
	],
	"grid": {
		"bottom": 70
	}

{
	"series": [
		{
			"itemStyle": {
				"normal": {
					"color": {
						"x": 0,
						"y": 1,
						"x2": 0,
						"y2": 0,
						"type": "linear",
						"global": false,
						"colorStops": [
							{
								"offset": 0,
								"color": "#0C3151"
							},
							{
								"offset": 0.5,
								"color": "#2D8AC8"
							},
							{
								"offset": 1,
								"color": "#4095F7"
							}
						]
					}
				}
			}
		},
		{
			"markLine": {
				"lineStyle": {
					"normal": {
						"color": "rgba(51,141,214,1)"
					}
				},
				"symbol": [
					"none",
					"arrow"
				],
				"label": {
					"show": true,
					"normal": {
						"color": "inherit",
						"textBorderColor": "",
						"textBorderWidth": 0,
						"formatter": "{c}"
					}
				}
			},
			"itemStyle": {
				"normal": {
					"color": {
						"x": 0,
						"y": 1,
						"x2": 0,
						"y2": 0,
						"type": "linear",
						"global": false,
						"colorStops": [
							{
								"offset": 0,
								"color": "#373433"
							},
							{
								"offset": 0.5,
								"color": "#AE8442"
							},
							{
								"offset": 1,
								"color": "#EBA73D"
							}
						]
					}
				}
			}
		}
	]
}

{
	"series": [
		{
			"color": [
				"#6eeeff",
				"#0394dd",
				"#1064b7"
			]
		}
	],
	"tooltip": {
		"trigger": "item",
		"formatter": "{a} <br/>{b}: {c} ({d}%)"
	}
}

{
	"yAxis": {
		"position": "top",
		"axisLabel": {
			"align": "right"
		}
	},
	"series": [
		{
			"showBackground": true,
			"backgroundStyle": {
				"color": "rgba(180, 180, 180, 0.05)"
			},
			"itemStyle": {
				"normal": {
					"color": {
						"x": 0,
						"y": 0,
						"x2": 1,
						"y2": 0,
						"type": "linear",
						"global": false,
						"colorStops": [
							{
								"offset": 0,
								"color": "#093252"
							},
							{
								"offset": 0.5,
								"color": "#185795"
							},
							{
								"offset": 1,
								"color": "#2f8df9"
							}
						]
					}
				}
			}
		}
	]
}

function main(page: IPage, portlet: ITablePortlet) {

    const fps = 10 // 每秒帧率，帧率越大，越流畅
    const step = 5 // 每帧步长，步长越大，滚动速度越快
    // 每秒滚动距离 = fps * step

    // 非正式接口
    const portletEl = (portlet as any).__portletVue__.$el;
    // 找到表格
    const tableBody = portletEl.querySelector('.tableContainer .el-table__body-wrapper')
    // 隐藏滚动条
    portlet.appendCss('.ps__thumb-y', {
        display: 'none'
    })
 
    // 清理定时器
    if ((portlet as any).scrollInterval) {
        clearInterval((portlet as any).scrollInterval)
    }

    // 轮播
    (portlet as any).scrollInterval = setInterval(() => {
        // 超过最大长度重置
        if (tableBody.scrollTop + tableBody.offsetHeight >= tableBody.scrollHeight) {
            tableBody.scrollTo({
                top: 0,
            })
        } else {
            tableBody.scrollTo({
                top: tableBody.scrollTop + step,
            })
        }
        // console.log('scrollTop: ', bodyWrapper.scrollTop)
        // console.log('scrollHeight: ', bodyWrapper.scrollHeight)
        // console.log('offsetHeight: ', bodyWrapper.offsetHeight)
    }, 1000 / fps)
}