Antv/G2 折线图 DataSet 数据展开成指定格式

最新推荐文章于 2023-12-14 08:45:00 发布

＊且听风吟

最新推荐文章于 2023-12-14 08:45:00 发布

阅读量204

点赞数

分类专栏： # html 文章标签：前端

本文链接：https://blog.csdn.net/hh18700418030/article/details/134122771

版权

本文介绍了如何使用Antv/G2的DataSet对数据进行处理，以适配折线图的展示需求。通过示例代码展示了数据转换的过程，并呈现了最终的图表页面效果。

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

DataSet 文档
 G2 3.2 DataSet 文档

Demo：

<!DOCTYPE html>
<html lang="en">
<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>双折线图</title>
</head>
<body>
	<div id="chartcontainer"></div>
	<script>
		/*Fixing iframe window.innerHeight 0 issue in Safari*/ document.body
		.clientHeight
	</script>
	<script src="https://gw.alipayobjects.com/os/antv/pkg/_antv.g2-3.5.1/dist/g2.min.js"></script>
	<script src="https://gw.alipayobjects.com/os/antv/pkg/_antv.data-set-0.10.1/dist/data-set.min.js">