echarts提示框自动轮播

北里新妆

于 2022-03-01 11:07:19 发布

阅读量688

点赞数 1

分类专栏： echarts 文章标签： echarts 前端

本文链接：https://blog.csdn.net/G_ruirui/article/details/123201146

版权

echarts 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

该博客主要介绍了一个使用Echarts库实现图表动态显示的JavaScript函数initChart()。函数通过设置配置项，初始化图表，并利用定时器实现每隔一秒滚动显示数据提示框的功能，循环遍历数据系列并更新显示的数据点。

摘要由CSDN通过智能技术生成

initChart()//启动
funtion initChart(id){
	let option={};//echarts配置
	let myChart = echarts.init(document.getElementById(id))
	myChart.setOption(option,true);
	let i = 0;
	var timer;
	window.clearInterval(timer)
 	timer=setInterval(function(){
	    console.log(i)
	    i = i === xData.length ? 0 : i+1
	    myChart.dispatchAction({
	        type: 'showTip',
	        seriesIndex:0,  // 显示第几个series
	        dataIndex: i // 显示第几个数据
	    });
	}, 1000) 
}