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

前端要求格式:

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);  
        }  
    }  
}
相关推荐
Chan162 分钟前
【 微服务SpringCloud | 模块拆分 】
java·数据结构·spring boot·微服务·云原生·架构·intellij-idea
guslegend3 分钟前
SpringBoot 全局异常处理
spring boot
独断万古他化4 分钟前
【二分算法 深度解析】二段性思维与经典题型全通关
java·算法
摇滚侠4 分钟前
尚硅谷 Nginx 教程(亿级流量 Nginx 架构设计),基本使用,笔记 6-42
java·笔记·nginx
SenChien9 分钟前
Java大模型应用开发day06-天机ai-学习笔记
java·spring boot·笔记·学习·大模型应用开发·springai
AI_567810 分钟前
Airflow“3分钟上手”教程:用Python定义定时数据清洗任务
开发语言·人工智能·python
小北方城市网16 分钟前
SpringBoot 安全认证实战(Spring Security + JWT):打造无状态安全接口体系
数据库·spring boot·后端·安全·spring·mybatis·restful
大只鹅16 分钟前
Stream使用
java·开发语言
Ulyanov20 分钟前
PyVista三维战场仿真实战
开发语言·python·tkinter·pyvista·gui开发
青衫码上行21 分钟前
maven依赖管理和生命周期
java·学习·maven