ECharts显示后台传送的JSON数据

最新推荐文章于 2025-05-28 09:57:06 发布

丹心情伤

最新推荐文章于 2025-05-28 09:57:06 发布

阅读量4.9k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：综合文章标签： ajax json Echarts 后台数据调用

本文链接：https://blog.youkuaiyun.com/qq_30401659/article/details/62037581

本文介绍如何通过Ajax从后台获取JSON数据，并利用ECharts进行展示。首先定义了一个后台数据存储类，然后详细阐述了数据获取及ECharts图表的创建过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

废话不多说，直接上代码：

一、定义一个后台数据保存类：

public class BarDTO<T>{

	private String name;
	private String type;
	private List<T> data;
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
	public String getType() {
		return type;
	}
	public void setType(String type) {
		this.type = type;
	}
	public List<T> getData() {
		return data;
	}
	public void setData(List<T> data) {
		this.data = data;
	}

}

二、将从后台获取的数据保存到JSON里面：

public String getTimeChar(){
Map<String, BarDTO<Double>> map = new HashMap<String,BarDTO<Double>>();// 柱状图数据
	List<Double> inCosts = new ArrayList<Double>();   //投入成本
	List<Double> outCosts = new ArrayList<Double>();  //产出成本
	List<Double> profits = new ArrayList<Double>();   //利润

        Calendar now= new GregorianCal