echart数据结构处理整个流程

最新推荐文章于 2024-04-06 23:30:35 发布

徐哥在线

最新推荐文章于 2024-04-06 23:30:35 发布

阅读量295

点赞数

文章标签：数据结构 echarts javascript

本文链接：https://blog.csdn.net/weixin_45750721/article/details/127316230

版权

本文介绍了如何处理后端返回的数据结构，以便于适配Echarts的图表需求。内容包括理解Echarts的数据要求，以及使用JavaScript进行数据转换的详细流程。

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

由于后端返回来的数据结构和echart对不上，需要做数据转换结构

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>test</title>
</head>
<body>
	<div id="chart" style="width:600px;height:400px;"></div>
	<script src="https://cdn.jsdelivr.net/npm/echarts@5.4.0/dist/echarts.js"></script>
	<script type="text/javascript">

	let data = [{
     
	"classNum": "夜班",
	"classValList": [{
     
		"classVal": "III值",
		"sum": 5
	}, {
     
		"classVal": "II值",
		"sum": 1
	}]
	}, {