跳转到内容
JQuickJQuick

Java 生成「部门成本构成与流向图（集团成本管控）」PDF 示例（RELATION）

JQuick-PdfBiz Demo

RELATION2 页 A4 · 250 KB

用关系图呈现集团、部门与成本科目之间的归属与流向关系。

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

部门成本构成与流向图（集团成本管控） — RELATION
渲染效果

输出规格

PDF 页数
2
图表类型
RELATION
模板行数
93
源码行数
138

Java 源码 · JQuickBiz28CostRelationTest.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.biz;

import com.github.paohaijiao.code.JLayout;
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 com.github.paohaijiao.json.JGsonOption;
import com.github.paohaijiao.series.JGraph;
import com.github.paohaijiao.series.force.JCategory;
import com.github.paohaijiao.series.force.JLink;
import com.github.paohaijiao.series.force.JNode;
import org.junit.Test;

import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;

/**
 * 业务场景 Demo 28：部门成本构成与流向图（集团成本管控）
 *
 * <p>业务场景：集团财务共享中心展示「一级成本中心 → 二级责任部门 → 成本归集终点」的成本构成与流向，
 * 用于成本管控专题会定位成本增量的责任归属。</p>
 * <p>实际图表类型：{@link JChartType#RELATION} 关系图。<b>说明：jquick-pdf 暂无桑基图渲染器，
 * 本 Demo 以关系图（节点 + 有向连线）替代桑基图表达成本流向，故模板图注中标注为「桑基图替代视图」。</b></p>
 *
 * <p>模板：{@code report/biz/28_cost_relation.txt}；关系图以 SVG 文本形式绑定到模板的 {@code ${svg}} 占位符，
 * 输出到 {@code D:\test\biz\28_cost_relation.pdf}。</p>
 *
 * <p>图表尺寸说明：关系图按渲染器默认画布 800pt × 600pt（宽 × 高）绘制，共 11 个节点（三列：成本中心 / 责任部门 /
 * 归集终点），每个节点固定写入 x/y 坐标（取值 180~800）以避免力导向随机分布导致的重叠与布局漂移；
 * 模板中 {@code <svg>} 只声明宽度、不声明高度，宽度被页面自动收窄时高度按原比例同步缩放，不会纵向拉伸变形。</p>
 *
 * @author Martin
 * @version 1.0.0
 */
public class JQuickBiz28CostRelationTest {

    public static final String path = JQuickConstant.path;

    @Test
    public void biz28CostRelation() throws IOException {
        JGsonOption option = new JGsonOption();
        option.title("部门成本构成与流向关系图");

        JGraph graph = new JGraph();
        graph.name("成本流向");
        graph.layout(JLayout.force);
        graph.force().repulsion(100);
        graph.draggable(true);

        // 节点分三列：第一列一级成本中心、第二列二级责任部门、第三列成本归集终点
        List<JNode> nodes = new ArrayList<>();
        nodes.add(position(new JNode("1", "人工成本").symbolSize(46).category(0), 180, 150));
        nodes.add(position(new JNode("2", "采购与外包成本").symbolSize(46).category(0), 180, 350));
        nodes.add(position(new JNode("3", "资产折旧与摊销").symbolSize(40).category(0), 180, 550));
        nodes.add(position(new JNode("4", "运营与能耗费用").symbolSize(40).category(0), 180, 750));
        nodes.add(position(new JNode("5", "研发中心").symbolSize(38).category(1), 480, 150));
        nodes.add(position(new JNode("6", "生产制造部").symbolSize(38).category(1), 480, 350));
        nodes.add(position(new JNode("7", "市场营销部").symbolSize(36).category(1), 480, 550));
        nodes.add(position(new JNode("8", "行政管理部").symbolSize(34).category(1), 480, 750));
        nodes.add(position(new JNode("9", "主营业务成本").symbolSize(44).category(2), 800, 250));
        nodes.add(position(new JNode("10", "期间费用").symbolSize(40).category(2), 800, 500));
        nodes.add(position(new JNode("11", "研发资本化").symbolSize(34).category(2), 800, 750));
        graph.setData(nodes);

        // 成本流向连线：一级成本中心 → 二级责任部门 → 成本归集终点
        List<JLink> links = new ArrayList<>();
        links.add(new JLink("1", "5"));
        links.add(new JLink("1", "6"));
        links.add(new JLink("1", "7"));
        links.add(new JLink("1", "8"));
        links.add(new JLink("2", "5"));
        links.add(new JLink("2", "6"));
        links.add(new JLink("2", "8"));
        links.add(new JLink("3", "6"));
        links.add(new JLink("3", "9"));
        links.add(new JLink("4", "6"));
        links.add(new JLink("4", "8"));
        links.add(new JLink("5", "9"));
        links.add(new JLink("5", "11"));
        links.add(new JLink("6", "9"));
        links.add(new JLink("7", "10"));
        links.add(new JLink("8", "10"));
        graph.setLinks(links);

        List<JCategory> categories = new ArrayList<>();
        categories.add(new JCategory().name("一级成本中心"));
        categories.add(new JCategory().name("二级责任部门"));
        categories.add(new JCategory().name("成本归集终点"));
        graph.setCategories(categories);

        option.series(graph);
        String svg = JChartRendererFactory.renderChart(JChartType.RELATION, option);

        File dir = new File(path + "biz");
        if (!dir.exists()) {
            dir.mkdirs();
        }
        FileOutputStream fileOutputStream = new FileOutputStream(path + "biz/28_cost_relation.pdf");
        JPdfConfig config = new JPdfConfig();
        // 开启 flex 行布局，使模板中的 display:flex 生效（图表居中）
        config.getLayoutConfig().setFlexLayout(true);
        JQuickPdfFactory factory = new JQuickPdfFactory(config);
        factory.bind("svg", svg);
        byte[] bytes = factory.executeResource("report/biz/28_cost_relation.txt");
        fileOutputStream.write(bytes);
        fileOutputStream.close();
    }

    /**
     * 为节点写入固定坐标（渲染器读取 node 的 x/y，缺省时随机分布）
     */
    private JNode position(JNode node, int x, int y) {
        node.put("x", x);
        node.put("y", y);
        return node;
    }
}

最小调用（3 行）

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

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

模板文件 · 28_cost_relation.txt

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

<pdf>
<body>
  <div style="borderBottom:2px solid #4E342E; paddingBottom:8px; marginBottom:12px; keepTogether:true">
    <div style="display:flex; justifyContent:space-between">
      <div style="width:150px">
        <p style="color:#4E342E; fontSize:10; bold:true">'集团财务共享中心'</p>
      </div>
      <div style="width:250px; textAlignment:center">
        <h1 style="color:#4E342E; fontSize:16; bold:true; textAlignment:center">'部门成本构成与流向'</h1>
      </div>
      <div style="width:150px; textAlignment:right">
        <p style="color:#6c757d; fontSize:9">'2025年10月10日'</p>
      </div>
    </div>
  </div>

  <div style="marginBottom:12px">
    <h2 style="color:#4E342E; fontSize:13; bold:true; marginBottom:6px">'一、成本构成与流向关系'</h2>
    <div style="display:flex; justifyContent:center">
      <svg style="width:700pt">${svg}</svg>
    </div>
    <p style="fontSize:9; color:#6c757d; italic:true; marginTop:6px">'图 1  一级成本中心 → 二级责任部门 → 成本归集终点（桑基图替代视图：节点 + 有向连线；数据来源：成本管控平台）'</p>
  </div>

  <div style="marginBottom:12px">
    <h2 style="color:#4E342E; fontSize:13; bold:true; marginBottom:6px">'二、节点与流向对照'</h2>
    <table style="width:540px; fontSize:10">
      <tr>
        <td style="width:150px; backgroundColor:#F5F0EE; padding:6px; border:1px solid #DCE3EC">'一级成本中心'</td>
        <td style="width:120px; padding:6px; textAlign:right; border:1px solid #DCE3EC">'4 类'</td>
        <td style="width:150px; backgroundColor:#F5F0EE; padding:6px; border:1px solid #DCE3EC">'成本归集终点'</td>
        <td style="width:120px; padding:6px; textAlign:right; border:1px solid #DCE3EC">'3 类'</td>
      </tr>
      <tr>
        <td style="width:150px; backgroundColor:#F5F0EE; padding:6px; border:1px solid #DCE3EC">'二级责任部门'</td>
        <td style="width:120px; padding:6px; textAlign:right; border:1px solid #DCE3EC">'4 个'</td>
        <td style="width:150px; backgroundColor:#F5F0EE; padding:6px; border:1px solid #DCE3EC">'流向连线'</td>
        <td style="width:120px; padding:6px; textAlign:right; border:1px solid #DCE3EC">'16 条'</td>
      </tr>
      <tr>
        <td style="width:150px; backgroundColor:#F5F0EE; padding:6px; border:1px solid #DCE3EC">'人工成本流向部门'</td>
        <td style="width:120px; padding:6px; textAlign:right; border:1px solid #DCE3EC">'4 个'</td>
        <td style="width:150px; backgroundColor:#F5F0EE; padding:6px; border:1px solid #DCE3EC">'采购与外包流向部门'</td>
        <td style="width:120px; padding:6px; textAlign:right; border:1px solid #DCE3EC">'3 个'</td>
      </tr>
      <tr>
        <td style="width:150px; backgroundColor:#F5F0EE; padding:6px; border:1px solid #DCE3EC">'资产折旧流向部门'</td>
        <td style="width:120px; padding:6px; textAlign:right; border:1px solid #DCE3EC">'2 个'</td>
        <td style="width:150px; backgroundColor:#F5F0EE; padding:6px; border:1px solid #DCE3EC">'运营与能耗流向部门'</td>
        <td style="width:120px; padding:6px; textAlign:right; border:1px solid #DCE3EC">'2 个'</td>
      </tr>
      <tr>
        <td style="width:150px; backgroundColor:#F5F0EE; padding:6px; border:1px solid #DCE3EC">'研发中心归集终点'</td>
        <td style="width:120px; padding:6px; textAlign:right; border:1px solid #DCE3EC">'2 个'</td>
        <td style="width:150px; backgroundColor:#F5F0EE; padding:6px; border:1px solid #DCE3EC">'生产制造部归集终点'</td>
        <td style="width:120px; padding:6px; textAlign:right; border:1px solid #DCE3EC">'1 个'</td>
      </tr>
    </table>
  </div>

  <div style="marginBottom:10px">
    <h2 style="color:#4E342E; fontSize:13; bold:true; marginBottom:6px">'三、成本管控结论'</h2>
    <list style="list-style-type:none; padding-left:0; fontSize:10">
      <li style="marginBottom:6px; padding:8px; backgroundColor:#F5F0EE; border-left:3px solid #4E342E">
        '人工成本覆盖面最广：由研发中心、生产制造部、市场营销部、行政管理部四个部门共同承担，是唯一流向全部二级部门的成本项。'
      </li>
      <li style="marginBottom:6px; padding:8px; backgroundColor:#F5F0EE; border-left:3px solid #4E342E">
        '归集终点三元化：人力与采购类成本最终汇入主营业务成本，市场营销部与行政管理部汇入期间费用，研发中心另有一路指向研发资本化。'
      </li>
      <li style="marginBottom:6px; padding:8px; backgroundColor:#F5F0EE; border-left:3px solid #4E342E">
        '生产制造部为单一终点出口：其全部成本仅流向主营业务成本，成本归属清晰，便于按产品线直接分摊。'
      </li>
      <li style="marginBottom:6px; padding:8px; backgroundColor:#F5F0EE; border-left:3px solid #4E342E">
        '管控建议：按上图 16 条流向逐条核对成本归集口径，重点复核跨两个终点出口的研发中心成本分摊比例。'
      </li>
    </list>
  </div>

  <lineSeparator style="strokeColor:#DCE3EC"></lineSeparator>
  <div style="display:flex; justifyContent:space-between; marginTop:8px">
    <div style="width:180px">
      <p style="color:#6c757d; fontSize:8">'密级：内部'</p>
    </div>
    <div style="width:200px; textAlignment:center">
      <p style="color:#6c757d; fontSize:8; opacity:0.8">'生成时间：2025年10月10日'</p>
    </div>
    <div style="width:180px; textAlignment:right">
      <p style="color:#6c757d; fontSize:8">'编制：财务共享中心'</p>
    </div>
  </div>
</body>
</pdf>

同分组示例

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