跳转到内容
JQuickJQuick

Java 生成「区域图（靛蓝）」PDF 示例（AREA）

JQuick-PdfCreditReport Demo

AREA2 页 A4 · 100 KB

以靛蓝区域图呈现累计授信规模逐年累积的走势。

下载 PDF 文件查看模板原始文件返回全部示例

区域图（靛蓝） — AREA
渲染效果

输出规格

PDF 页数
2
图表类型
AREA
模板行数
166
源码行数
79

Java 源码 · JQuickCreditReport03AreaTest.java

以下代码即生成上方 PDF 的完整测试类，可直接复制运行；Maven 依赖见快速开始章节。

/*
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 * Copyright (c) [2025-2099] Martin ([email protected])
 */
package com.github.paohaijiao.demo.creditreport;

import com.github.paohaijiao.JOption;
import com.github.paohaijiao.combol.area.JAreaChartData;
import com.github.paohaijiao.combol.area.JSeriesData;
import com.github.paohaijiao.combol.area.JTheme;
import com.github.paohaijiao.config.JPdfConfig;
import com.github.paohaijiao.demo.constant.JQuickConstant;
import com.github.paohaijiao.enums.JChartType;
import com.github.paohaijiao.executor.JQuickPdfFactory;
import com.github.paohaijiao.factory.JChartRendererFactory;
import org.junit.Test;

import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
import java.util.Arrays;

/**
 * 统一信用报告 —— 风格 03：区域图（靛蓝）
 *
 * <p>以 {@code report/credit_report_03_area.txt} 为模板，把区域图渲染成 SVG 后
 * 绑定到模板中的 {@code ${svg}} 占位符，输出到 {@code D:\test\creditreport\03_area.pdf}。</p>
 *
 * @author Martin
 * @version 1.0.0
 */
public class JQuickCreditReport03AreaTest {

    public static final String path = JQuickConstant.path;

    @Test
    public void report03Area() throws IOException {
        JAreaChartData data = new JAreaChartData();
        data.setTitle("信用评级趋势");
        data.setSubtitle("2020-2023年度（单位：万元）");
        data.setXAxisTitle("年度");
        data.setYAxisTitle("金额（万元）");
        data.setLegendText("营业收入");
        data.setShowDataLabels(true);
        data.setSeriesList(Arrays.asList(new JSeriesData("营业收入", Arrays.asList(8560.0, 12340.0, 18920.0, 25680.0))));
        data.setXAxisLabels(Arrays.asList("2020年", "2021年", "2022年", "2023年"));
        data.setTheme(JTheme.DEFAULT);
        JOption option = new JOption();
        option.setData(data);

        String svg = JChartRendererFactory.renderChart(JChartType.AREA, option);

        File dir = new File(path + "creditreport");
        if (!dir.exists()) {
            dir.mkdirs();
        }
        FileOutputStream fileOutputStream = new FileOutputStream(path + "creditreport/03_area.pdf");
        JPdfConfig config = new JPdfConfig();
        // 开启 flex 行布局：图表与其右侧的指标说明面板在宽度允许时并排，而不是换行堆叠。
        config.getLayoutConfig().setFlexLayout(true);
        JQuickPdfFactory factory = new JQuickPdfFactory(config);
        factory.bind("svg", svg);
        byte[] bytes = factory.executeResource("report/credit_report_03_area.txt");
        fileOutputStream.write(bytes);
        fileOutputStream.close();
    }
}

最小调用（3 行）

不想读完整测试类？核心就是这三行：绑定图表 SVG，执行模板，拿到 PDF 字节流。可直接复制到你的项目里。

// config 可省略；svg 来自 JChartRendererFactory.renderChart(...)，见下方完整源码
factory.bind("svg", svg);
byte[] pdf = new JQuickPdfFactory(config).executeResource("report/credit_report_03_area.txt");

模板文件 · 03_area.txt

类 HTML + 内联 CSS 的模板语法，绑定数据后渲染为 PDF。下方为完整模板，可直接复制，也可下载原始文件。

<pdf>
<body>
  <div style="background:linear-gradient(135deg, #283593 0%, #5C6BC0 100%); borderRadius:8px; paddings:18px; marginBottom:18px">
    <div style="display:flex; justifyContent:space-between; alignItems:center">
      <div style="width:430px">
        <h1 style="textAlignment:left; color:white; fontSize:20; margin:0">'企业信用评级报告'</h1>
        <p style="textAlignment:left; color:rgba(255,255,255,0.9); fontSize:11; marginTop:6px; marginBottom:0">'评估机构: 四川省企业信用评估中心'</p>
      </div>
      <div style="width:90px; height:90px; backgroundColor:rgba(255,255,255,0.15); borderRadius:8px; textAlignment:center; verticalAlignment:center">
        <p style="textAlignment:center; color:white; fontSize:26; bold:true; margin:0">'AAA'</p>
        <p style="textAlignment:center; color:white; fontSize:9; margin:0">'信用等级'</p>
      </div>
    </div>
    <p style="textAlignment:left; color:rgba(255,255,255,0.9); fontSize:10; marginTop:10px; marginBottom:0">'报告编号: CR-2023-08975 | 评估日期: 2023年11月15日'</p>
  </div>

  <div style="marginBottom:18px">
    <h2 style="color:#283593; fontSize:13; marginBottom:8px">'企业信息'</h2>
    <div style="display:flex; flexWrap:wrap">
      <div style="width:300px; margin:4px; padding:10px; border:1px solid #c5cae9; borderRadius:6px">
        <p style="fontSize:9; color:#3F51B5; margin:0">'统一信用代码'</p>
        <p style="fontSize:12; marginTop:3px; marginBottom:0">'91110108MA01XX1234'</p>
      </div>
      <div style="width:300px; margin:4px; padding:10px; border:1px solid #c5cae9; borderRadius:6px">
        <p style="fontSize:9; color:#3F51B5; margin:0">'成立日期'</p>
        <p style="fontSize:12; marginTop:3px; marginBottom:0">'2018年5月20日'</p>
      </div>
      <div style="width:300px; margin:4px; padding:10px; border:1px solid #c5cae9; borderRadius:6px">
        <p style="fontSize:9; color:#3F51B5; margin:0">'注册资本'</p>
        <p style="fontSize:12; marginTop:3px; marginBottom:0">'1000万元人民币'</p>
      </div>
      <div style="width:300px; margin:4px; padding:10px; border:1px solid #c5cae9; borderRadius:6px">
        <p style="fontSize:9; color:#3F51B5; margin:0">'法定代表人'</p>
        <p style="fontSize:12; marginTop:3px; marginBottom:0">'泡海椒'</p>
      </div>
      <div style="width:300px; margin:4px; padding:10px; border:1px solid #c5cae9; borderRadius:6px">
        <p style="fontSize:9; color:#3F51B5; margin:0">'所属行业'</p>
        <p style="fontSize:12; marginTop:3px; marginBottom:0">'软件和信息技术服务业'</p>
      </div>
      <div style="width:300px; margin:4px; padding:10px; border:1px solid #c5cae9; borderRadius:6px">
        <p style="fontSize:9; color:#3F51B5; margin:0">'企业规模'</p>
        <p style="fontSize:12; marginTop:3px; marginBottom:0">'中型（150-200人）'</p>
      </div>
    </div>
  </div>

  <div style="marginBottom:18px">
    <h2 style="color:#283593; borderBottom:2px solid #3F51B5; paddingBottom:4px; fontSize:13; marginBottom:10px">'历年财务数据（单位：万元）'</h2>
    <table style="width:620px; fontSize:10; marginTop:8px">
      <tr>
        <th style="backgroundColor:#3F51B5; color:white; borderBottom:1px solid #e8eaf6; padding:6px; textAlign:left">'财务指标'</th>
        <th style="backgroundColor:#3F51B5; color:white; borderBottom:1px solid #e8eaf6; padding:6px; textAlign:right">'2020年'</th>
        <th style="backgroundColor:#3F51B5; color:white; borderBottom:1px solid #e8eaf6; padding:6px; textAlign:right">'2021年'</th>
        <th style="backgroundColor:#3F51B5; color:white; borderBottom:1px solid #e8eaf6; padding:6px; textAlign:right">'2022年'</th>
        <th style="backgroundColor:#3F51B5; color:white; borderBottom:1px solid #e8eaf6; padding:6px; textAlign:right">'2023年'</th>
        <th style="backgroundColor:#3F51B5; color:white; borderBottom:1px solid #e8eaf6; padding:6px; textAlign:right">'增长率'</th>
      </tr>
      <tr>
        <td style="backgroundColor:#ffffff; padding:6px; textAlign:left; borderBottom:1px solid #e8eaf6; bold:true">'营业收入'</td>
        <td style="backgroundColor:#ffffff; padding:6px; textAlign:right; borderBottom:1px solid #e8eaf6">'8,560'</td>
        <td style="backgroundColor:#ffffff; padding:6px; textAlign:right; borderBottom:1px solid #e8eaf6">'12,340'</td>
        <td style="backgroundColor:#ffffff; padding:6px; textAlign:right; borderBottom:1px solid #e8eaf6">'18,920'</td>
        <td style="backgroundColor:#ffffff; padding:6px; textAlign:right; borderBottom:1px solid #e8eaf6">'25,680'</td>
        <td style="backgroundColor:#ffffff; padding:6px; textAlign:right; borderBottom:1px solid #e8eaf6; color:#3F51B5; bold:true">'+44.2%'</td>
      </tr>
      <tr>
        <td style="backgroundColor:#f5f6fb; padding:6px; textAlign:left; borderBottom:1px solid #e8eaf6; bold:true">'净利润'</td>
        <td style="backgroundColor:#f5f6fb; padding:6px; textAlign:right; borderBottom:1px solid #e8eaf6">'1,240'</td>
        <td style="backgroundColor:#f5f6fb; padding:6px; textAlign:right; borderBottom:1px solid #e8eaf6">'2,150'</td>
        <td style="backgroundColor:#f5f6fb; padding:6px; textAlign:right; borderBottom:1px solid #e8eaf6">'3,890'</td>
        <td style="backgroundColor:#f5f6fb; padding:6px; textAlign:right; borderBottom:1px solid #e8eaf6">'5,420'</td>
        <td style="backgroundColor:#f5f6fb; padding:6px; textAlign:right; borderBottom:1px solid #e8eaf6; color:#3F51B5; bold:true">'+63.8%'</td>
      </tr>
      <tr>
        <td style="backgroundColor:#ffffff; padding:6px; textAlign:left; borderBottom:1px solid #e8eaf6; bold:true">'总资产'</td>
        <td style="backgroundColor:#ffffff; padding:6px; textAlign:right; borderBottom:1px solid #e8eaf6">'15,800'</td>
        <td style="backgroundColor:#ffffff; padding:6px; textAlign:right; borderBottom:1px solid #e8eaf6">'22,450'</td>
        <td style="backgroundColor:#ffffff; padding:6px; textAlign:right; borderBottom:1px solid #e8eaf6">'31,200'</td>
        <td style="backgroundColor:#ffffff; padding:6px; textAlign:right; borderBottom:1px solid #e8eaf6">'42,800'</td>
        <td style="backgroundColor:#ffffff; padding:6px; textAlign:right; borderBottom:1px solid #e8eaf6; color:#3F51B5; bold:true">'+39.5%'</td>
      </tr>
      <tr>
        <td style="backgroundColor:#f5f6fb; padding:6px; textAlign:left; borderBottom:1px solid #e8eaf6; bold:true">'净资产'</td>
        <td style="backgroundColor:#f5f6fb; padding:6px; textAlign:right; borderBottom:1px solid #e8eaf6">'9,200'</td>
        <td style="backgroundColor:#f5f6fb; padding:6px; textAlign:right; borderBottom:1px solid #e8eaf6">'13,800'</td>
        <td style="backgroundColor:#f5f6fb; padding:6px; textAlign:right; borderBottom:1px solid #e8eaf6">'19,500'</td>
        <td style="backgroundColor:#f5f6fb; padding:6px; textAlign:right; borderBottom:1px solid #e8eaf6">'26,400'</td>
        <td style="backgroundColor:#f5f6fb; padding:6px; textAlign:right; borderBottom:1px solid #e8eaf6; color:#3F51B5; bold:true">'+42.1%'</td>
      </tr>
      <tr>
        <td style="backgroundColor:#ffffff; padding:6px; textAlign:left; borderBottom:1px solid #e8eaf6; bold:true">'毛利率'</td>
        <td style="backgroundColor:#ffffff; padding:6px; textAlign:right; borderBottom:1px solid #e8eaf6">'42.5%'</td>
        <td style="backgroundColor:#ffffff; padding:6px; textAlign:right; borderBottom:1px solid #e8eaf6">'45.8%'</td>
        <td style="backgroundColor:#ffffff; padding:6px; textAlign:right; borderBottom:1px solid #e8eaf6">'48.2%'</td>
        <td style="backgroundColor:#ffffff; padding:6px; textAlign:right; borderBottom:1px solid #e8eaf6">'51.6%'</td>
        <td style="backgroundColor:#ffffff; padding:6px; textAlign:right; borderBottom:1px solid #e8eaf6; color:#3F51B5; bold:true">'+9.1%'</td>
      </tr>
    </table>
  </div>

  <div style="marginBottom:18px">
    <h2 style="color:#283593; borderBottom:2px solid #3F51B5; paddingBottom:4px; fontSize:13; marginBottom:10px">'关键经营指标'</h2>
    <div style="display:flex; flexWrap:wrap">
      <div style="width:290px; margin:4px; padding:10px; border:1px solid #5C6BC0; borderRadius:6px">
        <p style="fontSize:11; bold:true; color:#283593; margin:0">'营收增长率'</p>
        <p style="fontSize:10; marginTop:3px; marginBottom:0">'连续三年保持40%以上增长，2023年达到25,680万元'</p>
      </div>
      <div style="width:290px; margin:4px; padding:10px; border:1px solid #5C6BC0; borderRadius:6px">
        <p style="fontSize:11; bold:true; color:#283593; margin:0">'利润率提升'</p>
        <p style="fontSize:10; marginTop:3px; marginBottom:0">'净利率从14.5%提升至21.1%，盈利能力显著增强'</p>
      </div>
      <div style="width:290px; margin:4px; padding:10px; border:1px solid #5C6BC0; borderRadius:6px">
        <p style="fontSize:11; bold:true; color:#283593; margin:0">'研发投入'</p>
        <p style="fontSize:10; marginTop:3px; marginBottom:0">'研发费用年均增长38.9%，占营收比例达13.3%'</p>
      </div>
      <div style="width:290px; margin:4px; padding:10px; border:1px solid #5C6BC0; borderRadius:6px">
        <p style="fontSize:11; bold:true; color:#283593; margin:0">'人才结构'</p>
        <p style="fontSize:10; marginTop:3px; marginBottom:0">'技术研发人员占比42%，硕士以上学历占35%'</p>
      </div>
      <div style="width:290px; margin:4px; padding:10px; border:1px solid #5C6BC0; borderRadius:6px">
        <p style="fontSize:11; bold:true; color:#283593; margin:0">'客户质量'</p>
        <p style="fontSize:10; marginTop:3px; marginBottom:0">'服务15家上市公司，客户续约率92%，大客户满意度4.8/5.0'</p>
      </div>
      <div style="width:290px; margin:4px; padding:10px; border:1px solid #5C6BC0; borderRadius:6px">
        <p style="fontSize:11; bold:true; color:#283593; margin:0">'资产质量'</p>
        <p style="fontSize:10; marginTop:3px; marginBottom:0">'资产负债率维持在38%左右，流动比率2.8，偿债能力良好'</p>
      </div>
    </div>
  </div>

  <div style="marginBottom:18px">
    <h2 style="color:#283593; borderBottom:2px solid #3F51B5; paddingBottom:4px; fontSize:13; marginBottom:10px">'信用评级趋势区域图'</h2>
    <div style="display:flex; justifyContent:center">
      <svg style="width:440px;height:400px">${svg}</svg>
    </div>
    <div style="display:flex; justifyContent:space-around; marginTop:10px">
      <p style="width:150px; fontSize:10; color:#3F51B5; margin:0">'财务状况(90分): 营收稳定增长'</p>
      <p style="width:150px; fontSize:10; color:#3F51B5; margin:0">'经营能力(95分): 客户留存率高'</p>
      <p style="width:150px; fontSize:10; color:#3F51B5; margin:0">'偿债能力(85分): 负债率合理'</p>
      <p style="width:150px; fontSize:10; color:#3F51B5; margin:0">'发展潜力(92分): 研发投入增加'</p>
    </div>
  </div>

  <div style="marginBottom:18px">
    <h2 style="color:#283593; fontSize:13; marginBottom:10px">'综合评价'</h2>
    <div style="display:flex; justifyContent:space-between">
      <div style="width:300px; padding:12px; backgroundColor:#e8eaf6; borderRadius:6px">
        <p style="fontSize:12; bold:true; color:#283593; margin:0">'优势'</p>
        <p style="fontSize:10; marginTop:6px; marginBottom:0">'作为国家级高新技术企业和专精特新"小巨人"企业，在云计算和大数据领域表现出色；财务状况健康，经营能力突出，技术创新能力强，具备良好的发展潜力。'</p>
      </div>
      <div style="width:300px; padding:12px; backgroundColor:#fff8e1; borderRadius:6px">
        <p style="fontSize:12; bold:true; color:#283593; margin:0">'关注事项'</p>
        <p style="fontSize:10; marginTop:6px; marginBottom:0">'信用评级为AAA级，展望稳定；建议持续关注行业竞争加剧及研发投入的产出效率。'</p>
      </div>
    </div>
  </div>

  <div style="height:1px; backgroundColor:#e8eaf6; marginTop:12px"></div>
  <div style="textAlignment:center; paddingTop:8px; paddingBottom:8px">
    <p style="fontSize:9; color:#7986cb; margin:0">'本报告依据公开信息和专业评估模型生成，仅供参考 | 报告生成时间: 2025年09月06日'</p>
    <p style="fontSize:9; color:#7986cb; margin:0">'© 2023 企业信用评估中心 版权所有 | 认证编号: CE-2023-001'</p>
  </div>
  <div style="height:1px; backgroundColor:#e8eaf6"></div>
</body>
</pdf>

同分组示例

本页 PDF、预览图、模板与源码均由 JQuick-Pdf 真实运行产出，可自由复制到你的项目中使用。