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

前端要求格式:

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);  
        }  
    }  
}
相关推荐
骄马之死12 小时前
SpringMVC + SpringBoot 核心知识点总结
java·spring boot·后端
z落落13 小时前
C# 泛型方法(原理、类型推断、多泛型参数)+泛型效率(普通类型 VS Object装箱 VS 泛型)
开发语言·c#
L_090713 小时前
【C++】异常
开发语言·c++
GoGeekBaird13 小时前
Anthropic技能"(Skills)的经验分享
后端
王码码203514 小时前
多台服务器怎么统一看状态?Beszel 轻量监控,搭起来不费事
运维·服务器·后端·安全·阿里云·接口·web
世辰辰辰14 小时前
批量修改图片/文本名子
开发语言·python·批量修改文件名
郑洁文14 小时前
基于Spring Boot的流浪动物救助网站
java·spring boot·后端·毕设·流浪动物救助
螺丝钉code15 小时前
JAVA项目 Claude code CLAUDE.md 到底应该怎么写
java·人工智能·claude code
指令集梦境15 小时前
Cursor + Spring Boot实战:从零写一个RESTful API
spring boot·后端·restful
z落落16 小时前
C# 四种特殊类:抽象类、密封类、静态类、部分类
开发语言·c#