Java 生成「预警事件时序散点分布（应急 / 监管平台）」PDF 示例（SCATTER）
SCATTER2 页 A4 · 203 KB
把预警事件按发生时间与影响程度投影为散点，观察事件密度与聚集时段。
输出规格
- PDF 页数
- 2
- 图表类型
- SCATTER
- 模板行数
- 130
- 源码行数
- 109
Java 源码 · JQuickBiz29WarningScatterTest.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.JOption;
import com.github.paohaijiao.axis.JValueAxis;
import com.github.paohaijiao.code.JTrigger;
import com.github.paohaijiao.config.JPdfConfig;
import com.github.paohaijiao.data.JData;
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.series.JScatter;
import org.junit.Test;
import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
/**
* 业务场景 Demo 29：预警事件时序散点分布（应急/监管平台）
*
* <p>业务场景：应急/监管平台将当月预警事件按「时间轴（第1~30天）」与「预警等级分值（0-100）」
* 绘制散点，用于识别预警集中时段与高烈度事件。</p>
* <p>实际图表类型：{@link JChartType#SCATTER} 散点图（x=天数、y=预警分值）。</p>
*
* <p>模板：{@code report/biz/29_warning_scatter.txt}；图表以 SVG 文本形式绑定到模板的
* {@code ${svg}} 占位符，输出到 {@code D:\test\biz\29_warning_scatter.pdf}。</p>
*
* <p>图表尺寸说明：图表按 700pt × 380pt（宽 × 高）的横版比例设计；模板中 {@code <svg>}
* 只声明宽度、不声明高度，因此宽度被页面自动收窄时高度会按原比例同步缩放，不会纵向拉伸变形。</p>
*
* @author Martin
* @version 1.0.0
*/
public class JQuickBiz29WarningScatterTest {
public static final String path = JQuickConstant.path;
@Test
public void biz29WarningScatter() throws IOException {
JOption option = new JOption();
option.title().text("2024年12月预警事件时序分布").subtext("横轴：第1~30天 | 纵轴：预警等级分值（0-100）");
option.tooltip().trigger(JTrigger.axis);
option.xAxis(new JValueAxis().scale(true));
option.yAxis(new JValueAxis().scale(true));
JScatter scatter = new JScatter();
scatter.name("预警事件");
// 每个点必须是长度 2 的 Double[]（x=第N天, y=预警分值）；symbolSize 必须设置
scatter.symbolSize(20).data(
new JData().value(new Double[]{1.0, 22.0}),
new JData().value(new Double[]{2.0, 35.0}),
new JData().value(new Double[]{3.0, 18.0}),
new JData().value(new Double[]{5.0, 46.0}),
new JData().value(new Double[]{6.0, 52.0}),
new JData().value(new Double[]{8.0, 30.0}),
new JData().value(new Double[]{9.0, 68.0}),
new JData().value(new Double[]{11.0, 41.0}),
new JData().value(new Double[]{12.0, 25.0}),
new JData().value(new Double[]{13.0, 58.0}),
new JData().value(new Double[]{15.0, 76.0}),
new JData().value(new Double[]{16.0, 44.0}),
new JData().value(new Double[]{17.0, 33.0}),
new JData().value(new Double[]{18.0, 88.0}),
new JData().value(new Double[]{19.0, 61.0}),
new JData().value(new Double[]{20.0, 29.0}),
new JData().value(new Double[]{22.0, 54.0}),
new JData().value(new Double[]{23.0, 39.0}),
new JData().value(new Double[]{24.0, 72.0}),
new JData().value(new Double[]{25.0, 47.0}),
new JData().value(new Double[]{26.0, 95.0}),
new JData().value(new Double[]{28.0, 63.0}),
new JData().value(new Double[]{29.0, 36.0}),
new JData().value(new Double[]{30.0, 50.0})
);
option.series(scatter);
String svg = JChartRendererFactory.renderChart(JChartType.SCATTER, option);
File dir = new File(path + "biz");
if (!dir.exists()) {
dir.mkdirs();
}
FileOutputStream fileOutputStream = new FileOutputStream(path + "biz/29_warning_scatter.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/29_warning_scatter.txt");
fileOutputStream.write(bytes);
fileOutputStream.close();
}
}最小调用（3 行）
不想读完整测试类？核心就是这三行：绑定图表 SVG，执行模板，拿到 PDF 字节流。可直接复制到你的项目里。
// config 可省略；svg 来自 JChartRendererFactory.renderChart(...)，见下方完整源码
factory.bind("svg", svg);
byte[] pdf = new JQuickPdfFactory(config).executeResource("report/biz/29_warning_scatter.txt");模板文件 · 29_warning_scatter.txt
类 HTML + 内联 CSS 的模板语法，绑定数据后渲染为 PDF。下方为完整模板，可直接复制，也可下载原始文件。
<pdf>
<body>
<div style="marginBottom:10px; padding:10px; backgroundColor:#FDF0EA; borderTop:3px solid #BF360C; borderRadius:4px">
<h2 style="color:#BF360C; marginTop:0; marginBottom:6pt; fontSize:15pt; bold:true; textAlignment:center">'2024年12月预警事件时序分布'</h2>
<p style="fontSize:9pt; color:#6c757d; textAlignment:center; marginBottom:8pt">'统计周期：2024年12月1日 - 12月30日 | 数据来源：应急指挥预警平台 | 口径：预警等级分值（0-100）'</p>
<div style="background:#FFFFFF; borderLeft:4px solid #BF360C; padding:10px; borderRadius:3px; marginBottom:10px">
<p style="fontSize:10pt; color:#333333; italic:true">'核心结论：12月累计触发预警事件 24 起，平均等级分值 49.3 分；26日出现月度最高烈度预警（95分），第15-26天为事件高发集中窗口。'</p>
</div>
<div style="display:flex; justifyContent:center"><svg style="width:700pt">${svg}</svg></div>
<p style="fontSize:9pt; color:#6c757d; italic:true; marginTop:6pt; textAlignment:center">'图 1 预警事件时序散点图（共 24 起 · 横轴为第1~30天 · 纵轴为等级分值）'</p>
</div>
<div style="marginBottom:10px">
<h2 style="color:#BF360C; fontSize:13pt; bold:true; borderBottom:1px solid #BF360C; paddingBottom:3px; marginBottom:8pt">'一、高烈度预警事件明细'</h2>
<table style="width:540px; fontSize:10pt">
<tr>
<td style="width:80px; padding:5px; bold:true; borderBottom:1px solid #E3E8EE">'发生日期'</td>
<td style="width:150px; padding:5px; bold:true; borderBottom:1px solid #E3E8EE">'预警类型'</td>
<td style="width:80px; padding:5px; bold:true; textAlign:right; borderBottom:1px solid #E3E8EE">'等级分值'</td>
<td style="width:80px; padding:5px; bold:true; borderBottom:1px solid #E3E8EE">'响应状态'</td>
<td style="width:150px; padding:5px; bold:true; textAlign:right; borderBottom:1px solid #E3E8EE">'处置时长（分钟）'</td>
</tr>
<tr>
<td style="padding:5px; borderBottom:1px solid #E3E8EE">'12月09日'</td>
<td style="padding:5px; borderBottom:1px solid #E3E8EE">'特种设备超限'</td>
<td style="padding:5px; textAlign:right; borderBottom:1px solid #E3E8EE">'68'</td>
<td style="padding:5px; borderBottom:1px solid #E3E8EE">'已闭环'</td>
<td style="padding:5px; textAlign:right; borderBottom:1px solid #E3E8EE">'42'</td>
</tr>
<tr>
<td style="padding:5px; borderBottom:1px solid #E3E8EE">'12月15日'</td>
<td style="padding:5px; borderBottom:1px solid #E3E8EE">'气象灾害预警'</td>
<td style="padding:5px; textAlign:right; borderBottom:1px solid #E3E8EE">'76'</td>
<td style="padding:5px; borderBottom:1px solid #E3E8EE">'已闭环'</td>
<td style="padding:5px; textAlign:right; borderBottom:1px solid #E3E8EE">'58'</td>
</tr>
<tr>
<td style="padding:5px; borderBottom:1px solid #E3E8EE">'12月18日'</td>
<td style="padding:5px; borderBottom:1px solid #E3E8EE">'危化品泄漏预警'</td>
<td style="padding:5px; textAlign:right; borderBottom:1px solid #E3E8EE">'88'</td>
<td style="padding:5px; borderBottom:1px solid #E3E8EE">'已闭环'</td>
<td style="padding:5px; textAlign:right; borderBottom:1px solid #E3E8EE">'96'</td>
</tr>
<tr>
<td style="padding:5px; borderBottom:1px solid #E3E8EE">'12月19日'</td>
<td style="padding:5px; borderBottom:1px solid #E3E8EE">'危化品仓储超温'</td>
<td style="padding:5px; textAlign:right; borderBottom:1px solid #E3E8EE">'61'</td>
<td style="padding:5px; borderBottom:1px solid #E3E8EE">'已闭环'</td>
<td style="padding:5px; textAlign:right; borderBottom:1px solid #E3E8EE">'35'</td>
</tr>
<tr>
<td style="padding:5px; borderBottom:1px solid #E3E8EE">'12月24日'</td>
<td style="padding:5px; borderBottom:1px solid #E3E8EE">'道路交通阻断'</td>
<td style="padding:5px; textAlign:right; borderBottom:1px solid #E3E8EE">'72'</td>
<td style="padding:5px; borderBottom:1px solid #E3E8EE">'已闭环'</td>
<td style="padding:5px; textAlign:right; borderBottom:1px solid #E3E8EE">'47'</td>
</tr>
<tr>
<td style="padding:5px; borderBottom:1px solid #E3E8EE">'12月26日'</td>
<td style="padding:5px; borderBottom:1px solid #E3E8EE">'地质灾害滑坡'</td>
<td style="padding:5px; textAlign:right; borderBottom:1px solid #E3E8EE">'95'</td>
<td style="padding:5px; borderBottom:1px solid #E3E8EE">'处置中'</td>
<td style="padding:5px; textAlign:right; borderBottom:1px solid #E3E8EE">'132'</td>
</tr>
<tr>
<td style="padding:5px; borderBottom:1px solid #E3E8EE">'12月28日'</td>
<td style="padding:5px; borderBottom:1px solid #E3E8EE">'消防通道占用'</td>
<td style="padding:5px; textAlign:right; borderBottom:1px solid #E3E8EE">'63'</td>
<td style="padding:5px; borderBottom:1px solid #E3E8EE">'已闭环'</td>
<td style="padding:5px; textAlign:right; borderBottom:1px solid #E3E8EE">'29'</td>
</tr>
</table>
<p style="fontSize:8pt; color:#8a939b; marginTop:4pt">'注：上表列出等级分值 ≥60 分的高烈度事件共 7 起，占全月事件总数的 29.2%。'</p>
</div>
<div style="marginBottom:10px">
<h2 style="color:#BF360C; fontSize:13pt; bold:true; borderBottom:1px solid #BF360C; paddingBottom:3px; marginBottom:8pt">'二、旬度烈度分布'</h2>
<table style="width:540px; fontSize:10pt">
<tr>
<td style="padding:5px; bold:true; borderBottom:1px solid #E3E8EE">'统计时段'</td>
<td style="padding:5px; bold:true; textAlign:right; borderBottom:1px solid #E3E8EE">'事件数（起）'</td>
<td style="padding:5px; bold:true; textAlign:right; borderBottom:1px solid #E3E8EE">'占比'</td>
<td style="padding:5px; bold:true; textAlign:right; borderBottom:1px solid #E3E8EE">'平均分值'</td>
<td style="padding:5px; bold:true; textAlign:right; borderBottom:1px solid #E3E8EE">'最高分值'</td>
</tr>
<tr>
<td style="padding:5px; borderBottom:1px solid #E3E8EE">'第1~10天'</td>
<td style="padding:5px; textAlign:right; borderBottom:1px solid #E3E8EE">'7'</td>
<td style="padding:5px; textAlign:right; borderBottom:1px solid #E3E8EE">'29.2%'</td>
<td style="padding:5px; textAlign:right; borderBottom:1px solid #E3E8EE">'38.7'</td>
<td style="padding:5px; textAlign:right; borderBottom:1px solid #E3E8EE">'68'</td>
</tr>
<tr>
<td style="padding:5px; borderBottom:1px solid #E3E8EE">'第11~20天'</td>
<td style="padding:5px; textAlign:right; borderBottom:1px solid #E3E8EE">'9'</td>
<td style="padding:5px; textAlign:right; borderBottom:1px solid #E3E8EE">'37.5%'</td>
<td style="padding:5px; textAlign:right; borderBottom:1px solid #E3E8EE">'50.6'</td>
<td style="padding:5px; textAlign:right; borderBottom:1px solid #E3E8EE">'88'</td>
</tr>
<tr>
<td style="padding:5px; borderBottom:1px solid #E3E8EE">'第21~30天'</td>
<td style="padding:5px; textAlign:right; borderBottom:1px solid #E3E8EE">'8'</td>
<td style="padding:5px; textAlign:right; borderBottom:1px solid #E3E8EE">'33.3%'</td>
<td style="padding:5px; textAlign:right; borderBottom:1px solid #E3E8EE">'57.0'</td>
<td style="padding:5px; textAlign:right; borderBottom:1px solid #E3E8EE">'95'</td>
</tr>
<tr>
<td style="padding:5px; borderBottom:1px solid #E3E8EE">'全月合计'</td>
<td style="padding:5px; textAlign:right; borderBottom:1px solid #E3E8EE">'24'</td>
<td style="padding:5px; textAlign:right; borderBottom:1px solid #E3E8EE">'100.0%'</td>
<td style="padding:5px; textAlign:right; borderBottom:1px solid #E3E8EE">'49.3'</td>
<td style="padding:5px; textAlign:right; borderBottom:1px solid #E3E8EE">'95'</td>
</tr>
</table>
</div>
<div style="marginBottom:10px">
<h2 style="color:#BF360C; fontSize:13pt; bold:true; borderBottom:1px solid #BF360C; paddingBottom:3px; marginBottom:8pt">'三、研判与处置建议'</h2>
<list style="listStyleType:disc; paddingLeft:16px; fontSize:10pt">
<li style="marginBottom:5px">'事件频次平稳、烈度前低后高：全月共触发预警 24 起，覆盖 30 天中的 24 天；平均等级分值由上旬 38.7 分升至下旬 57.0 分。'</li>
<li style="marginBottom:5px">'红色级别事件 2 起：26日地质灾害预警 95 分、18日危化品泄漏预警 88 分，均已完成现场核查。'</li>
<li style="marginBottom:5px">'高发窗口集中：第15-26天累计 11 起、占全月 45.8%，与月度安全生产大检查窗口高度重合。'</li>
<li style="marginBottom:5px">'建议 12 月中旬起将应急值守级别由常态化调整为加强级，并对处置时长超过 60 分钟的 2 起事件开展流程复盘。'</li>
</list>
</div>
<p style="textAlignment:center; color:#8a939b; fontSize:8pt; italic:true; marginTop:10px">'数据来源：应急指挥预警平台预警监测模块 | 生成时间：2025年1月3日 | 密级：内部'</p>
</body>
</pdf>同分组示例
本页 PDF、预览图、模板与源码均由 JQuick-Pdf 真实运行产出，可自由复制到你的项目中使用。