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

前端要求格式:

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);  
        }  
    }  
}
相关推荐
tianzhiyi1989sq6 分钟前
C++工具库之PugiXML使用指南
java·数据库·c++
毕设源码-钟学长9 分钟前
【开题答辩全过程】以 哈尔滨市小酒窝APP为例,包含答辩的问题和答案
java
游乐码10 分钟前
c#运算符重载
开发语言·c#
人道领域19 分钟前
MyBatisPlus高效开发实战指南
java·开发语言·数据库
游乐码22 分钟前
c#继承的原则
开发语言·c#
lsx20240623 分钟前
Servlet 文件上传
开发语言
游乐码26 分钟前
c#内部类和分部类
开发语言·c#
消失的旧时光-194329 分钟前
C++ 多线程与并发系统取向(四)—— std::condition_variable:线程协作与生产者消费者模型(类比 Java wait/notify)
开发语言·c++
AALoveTouch39 分钟前
逆向利器:Frida Hook
java·python
春和景明36041 分钟前
费曼学习法
java