欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 房产 > 家装 > 后台如何返给前台“饼状图格式”的数据?

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

2025/2/23 0:47:26 来源:https://blog.csdn.net/qq_37958178/article/details/141194886  浏览:    关键词:后台如何返给前台“饼状图格式”的数据?

前端要求格式:

 data: [
        { value: 1048, name: 'Search Engine'},
        { value: 735, name: 'Direct' },
        { value: 580, name: 'Email' },
        { value: 484, name: 'Union Ads'},
        { value: 300, name: 'Video Ads'}
      ]

展示效果:

后端处理:

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);  }  }  
}

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com