Java EE中Google Charts折线图JSON数据格式调整技术咨询

我来帮你搞定这个问题！Google Charts的折线图对JSON格式确实有严格要求，咱们一步步来调整你的Java EE代码，生成它认的格式。

首先得搞清楚它要啥样的数据——核心是一个包含cols（定义列的元数据）和rows（具体数据行）的JSON对象：

标准格式示例：

{
  "cols": [
    {"id":"", "label":"日期", "type":"string"},
    {"id":"", "label":"访问量", "type":"number"}
  ],
  "rows": [
    {"c": [{"v":"2024-05-01"}, {"v":230}]},
    {"c": [{"v":"2024-05-02"}, {"v":310}]}
  ]
}

• cols里每个对象定义一列的标签和数据类型（比如string、number、date等，必须和rows里的字段类型匹配）
• rows里每个对象的c数组对应cols的列顺序，v字段是具体值

你需要创建几个POJO来映射这个结构，这样序列化的时候就能直接生成正确的JSON。以Jackson为例（Java EE常用的JSON库）：

// 对应cols里的列定义
public class ChartColumn {
    private String id = "";
    private String label;
    private String type;

    // 构造器、getter、setter
    public ChartColumn(String label, String type) {
        this.label = label;
        this.type = type;
    }

    // 省略getter和setter
}

// 对应rows里的每个单元格
public class ChartCell {
    private Object v; // 可以是String、Number等，根据列类型来

    public ChartCell(Object v) {
        this.v = v;
    }

    // 省略getter和setter
}

// 对应rows里的每一行
public class ChartRow {
    private List<ChartCell> c;

    public ChartRow(List<ChartCell> c) {
        this.c = c;
    }

    // 省略getter和setter
}

// 整个图表的数据源对象
public class ChartDataTable {
    private List<ChartColumn> cols;
    private List<ChartRow> rows;

    // 构造器、getter、setter
    public ChartDataTable(List<ChartColumn> cols, List<ChartRow> rows) {
        this.cols = cols;
        this.rows = rows;
    }

    // 省略getter和setter
}

假设你用JDBC从数据库取数据，或者用JPA查询，然后把结果转成ChartDataTable：

// 示例：从数据库获取数据并组装ChartDataTable
public ChartDataTable getChartData() throws SQLException {
    // 1. 定义列信息
    List<ChartColumn> cols = new ArrayList<>();
    cols.add(new ChartColumn("日期", "string"));
    cols.add(new ChartColumn("访问量", "number"));

    // 2. 从数据源获取数据（这里用JDBC示例，你可以换成JPA/MyBatis等）
    List<ChartRow> rows = new ArrayList<>();
    String sql = "SELECT record_date, visit_count FROM site_stats ORDER BY record_date";
    try (Connection conn = getConnection(); // 你的数据库连接方法
         PreparedStatement stmt = conn.prepareStatement(sql);
         ResultSet rs = stmt.executeQuery()) {

        while (rs.next()) {
            // 把每行数据转成ChartCell的列表
            List<ChartCell> cells = new ArrayList<>();
            cells.add(new ChartCell(rs.getString("record_date")));
            cells.add(new ChartCell(rs.getInt("visit_count")));
            rows.add(new ChartRow(cells));
        }
    }

    // 3. 组装成完整的ChartDataTable
    return new ChartDataTable(cols, rows);
}

用Jackson把ChartDataTable转成JSON字符串，确保格式完全符合要求：

// 在你的Servlet或者REST接口中返回JSON
@WebServlet("/chart-data")
public class ChartDataServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        resp.setContentType("application/json");
        resp.setCharacterEncoding("UTF-8");

        ChartDataTable dataTable = getChartData(); // 调用上面的方法获取数据

        // 用Jackson的ObjectMapper序列化
        ObjectMapper mapper = new ObjectMapper();
        mapper.writeValue(resp.getWriter(), dataTable);
    }
}

• 数据类型不匹配：比如cols定义的是number，但rows里传了字符串，Google Charts会报错。一定要确保v的值类型和cols的type对应。
• 缺少cols或rows结构：很多人直接把数据库查询的POJO数组转成JSON，没有外层的cols和rows，这肯定不兼容。
• 日期格式问题：如果用日期类型（type:"date"），要转成Google Charts认可的格式，比如new Date(2024, 4, 1)对应的JSON是{"v":"Date(2024,4,1)"}，或者直接传ISO字符串并设置type为datetime。

这样调整后，生成的JSON就完全符合Google Charts折线图的要求了，直接在前端加载这个接口的数据就能渲染图表啦！

内容的提问来源于stack exchange，提问作者phang