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

前端要求格式:

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);  
        }  
    }  
}
相关推荐
Hui Baby17 分钟前
springAi+MCP三种
java
hsjcjh20 分钟前
【MySQL】C# 连接MySQL
java
敖正炀20 分钟前
LinkedBlockingDeque详解
java
wangyadong31721 分钟前
datagrip 链接mysql 报错
java
untE EADO28 分钟前
Tomcat的server.xml配置详解
xml·java·tomcat
ictI CABL36 分钟前
Tomcat 乱码问题彻底解决
java·tomcat
敖正炀39 分钟前
DelayQueue 详解
java
uzong44 分钟前
最新:阿里正式发布首款AI开发工具Meoo(秒悟),0门槛、一键部署上线
人工智能·后端
用户8356290780511 小时前
Python 操作 PowerPoint:添加与设置文本框完整教程
后端·python
HuaidongLi1 小时前
三级缓存与循环依赖
后端