利用实体类转JSONObject，实现Echart趋势图动态显示向前一年数据

最新推荐文章于 2024-08-20 14:46:53 发布

小鹿鹿鹿

最新推荐文章于 2024-08-20 14:46:53 发布

阅读量795

点赞数 2

分类专栏： java 文章标签： Echart数据动态显示 JsonObject

本文链接：https://blog.csdn.net/qq_38902274/article/details/101061318

版权

本文介绍了如何通过将实体类转换为JSONObject，实现在Echart图表中动态展示从当前月份前一个月向前一年的数据。点击按钮触发请求，后端返回数据并用Echart绘制趋势图。步骤包括在页面引入Echart库，创建用于封装数据的实体类，以及编写后台函数以获取和封装数据。

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

利用实体类转JSONObject对象的方法参考
链接: 我参考的博客原文跳转.
想要实现点击一个按钮，跳转到echart显示页面，动态从后台接口获取数据，显示趋势图。参考了原文章，并做了一定的简化修改。

1、页面（下载echarts.min.js的链接，提取码：w4sv。）
Echart官网链接

<script src="js/echarts.min.js"></script>
<div class="row" style="padding-top: 15px;">
	<div id="main" style="width: 100%;height:400px;"></div>
</div>
<script>
	// 基于准备好的dom，初始化echarts实例
	var myChart = echarts.init(document.getElementById('main'));
	// 指定图表的配置项和数据
	var option = {
   //默认都是空数据
		title: {
   
			text: '一年内价格涨幅趋势图'
		},
		tooltip: {
   },
		legend: {
   
			data:['价格']
		},
		xAxis: {
   
			data: []
		},
		yAxis: {
   },
		series: [{
   
			name: '价格',
			type: 'line',//这样就是趋势图，如果写成bar就是柱状图
			data