Echarts的曲线合并

最新推荐文章于 2024-06-07 17:56:24 发布

Swguo_Study

最新推荐文章于 2024-06-07 17:56:24 发布

阅读量560

点赞数

文章标签： echarts

本文链接：https://blog.csdn.net/qq_36122157/article/details/103244207

版权

曲线合并的代码：

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>合并曲线</title>
	</head>

	<body>
		<!--  1.引入资源 -->
		<script src="jquery-1.10.2.js"></script>
		<script src="echarts.js"></script>
		<!--   2、指定一个div盒子   -->
		<div id="main" style="width: 100%;height:100%;position:absolute;"></div>
		<script type="text/javascript">
			$(document).ready(function() {
   

				var mainContainer = document.getElementById('main');
				var resizeMainContainer = function() {
                        //  让div盒子和窗口适应大小
					mainContainer.style.width = window.innerWidth + 'px';   
					mainContainer.style.height = window.innerHeight + 'px';
				};
				//设置div容器高宽
				resizeMainContainer();
		/*   3、将图表样式放入div   */
				var myChart = echarts.init(mainContainer);
				$(window).on('resize', function() {
                 //   让其自适应
					resizeMainContainer();
					myChart.resize();
				});

				var testData1 = [
					['2019-11-20 19:00:00', 100],
					['2019-11-20 19:09:01', 120],
					[

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Swguo_Study

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
Echarts的曲线合并

曲线合并的代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>合并曲线</title> </head> <body>  <script src="jqu...
复制链接

扫一扫