Echarts 折线图自动选中并跳转

最新推荐文章于 2024-06-26 10:31:16 发布

前端-文龙刚

最新推荐文章于 2024-06-26 10:31:16 发布

阅读量776

点赞数

分类专栏： eCharts Javascript 文章标签： echarts javascript ecmascript

本文链接：https://blog.csdn.net/qq_17211063/article/details/123252223

版权

Javascript 同时被 2 个专栏收录

84 篇文章 1 订阅

订阅专栏

eCharts

14 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>Document</title>
	<style type="text/css">
		#myChart{width:1000px;height:500px;}
		#myChart2{width:1000px;height:500px;}
	</style>

</head>
<body>
	<div id="myChart"></div>
	<div id="myChart2"></div>
</body>
</html>
<script src="jquery-2.1.1.min.js"></script>
<script src="https://www.bdsjzx.gov.cn/static_material/source/plugin/data/js/echarts.min.js"></script>


<script type="text/javascript">
                var XIdx_2 = [];
                var data_2 = [55, 86, 46, 45, 77, 96, 89, 88, 23, 38,
                    3, 66, 98, 43, 73, 76, 44, 16, 21, 14,
                    71, 8, 61, 65, 1, 68, 33, 69, 49, 24
                ];
 
                for(var i = 1; i <= data_2.length; i++) {
                    XIdx_2.push(i);
                }
 
                var option_2 = {
                    backgroundColor: 'white',
                    grid: {
//                        top: 20,
//                        left: 20,
//                        right: 20,
//                        bottom: 20,
                        containLabel: true //轴上的数值
                    },
                    xAxis: {
                        type: 'category',
                        data: XIdx_2
                    },
                    yAxis: {
                        type: 'value'
                    },
                    tooltip: {
                        trigger: 'axis'
                    },
                    series: [{
                        name: '人',
                        type: 'line',
                        data: data_2
                    }]
                };
                var myChart_2 = echarts.init(document.getElementById("myChart2"));
                myChart_2.setOption(option_2);

				var index8 = 0;
				var mTime = setInterval(function() {
					myChart_2.dispatchAction({
						type: 'showTip',
						seriesIndex: 0,
						dataIndex: index8
					});
					index8++;
					if (index8 > option_2.series[0].data.length) {
						index8 = 0;
					}
				}, 1000);


        </script>