后台如何返给前台“饼状图格式”的数据?

前端要求格式:

data: [

{ value: 1048, name: 'Search Engine'},

{ value: 735, name: 'Direct' },

{ value: 580, name: 'Email' },

{ value: 484, name: 'Union Ads'},

{ value: 300, name: 'Video Ads'}

]

展示效果:

后端处理:

java 复制代码
class DataPoint {  
    private int value;  
    private String name;  

    public DataPoint(int value, String name) {  
        this.value = value;  
        this.name = name;  
    }  

    public int getValue() {  
        return value;  
    }  

    public String getName() {  
        return name;  
    }  

    @Override  
    public String toString() {  
        return "{ value: " + value + ", name: '" + name + "' }";  
    }  
}  

public class Main {  
    public static void main(String[] args) {  
        List<DataPoint> dataList = new ArrayList<>();  

        dataList.add(new DataPoint(1048, "Search Engine"));  
        dataList.add(new DataPoint(735, "Direct"));  
        dataList.add(new DataPoint(580, "Email"));  
        dataList.add(new DataPoint(484, "Union Ads"));  
        dataList.add(new DataPoint(300, "Video Ads"));  

        // 输出数据  
        for (DataPoint dataPoint : dataList) {  
            System.out.println(dataPoint);  
        }  
    }  
}
相关推荐
Dxy123931021626 分钟前
JS DES 加密详解
开发语言·javascript·arcgis
充值内卷26 分钟前
我给桌面加了个鱼缸:C++ 写后端,WebView2 里养一座 Three.js 小岛
开发语言·javascript·c++
云和数据.ChenGuang39 分钟前
深入解析 Python 的 dir():从用法到 CPython 源码实现
开发语言·人工智能·python·langchain
三无少女指南1 小时前
从这里开始:Java 后端与 AI 工程的三条阅读路线
java·学习路线·ai工程
ZhengEnCi1 小时前
Agent 规则管理:让 Memory 做索引、让 Skill 存规则——上下文上限实测与分工方案
后端
香蕉大香蕉(06敬畏市场)1 小时前
MySQL 单点详解(07)
java·数据库·mysql·ai·博客·八股
nice_lcj5201 小时前
深入理解 Java 反射:从 Class 对象到方法调用(含性能实测 + 迷你 IOC 实战 + 面试考点)
java·开发语言·后端·面试
骑着蜗牛撵大象3272 小时前
2026 后端 AI 工程化:Spring AI 管调用、MCP 管工具、Agent 内嵌管自治
java·人工智能·后端·spring·ai·可观测性·mcp
tryxr2 小时前
JVM 垃圾回收机制
java·jvm·gc·垃圾回收
摸爬滚打的小李3 小时前
Spring XML + WAR + Tomcat 项目启动
后端