From 9c57ba13272354e96c4b48654f9b44f03f15dbf4 Mon Sep 17 00:00:00 2001 From: BaiFu <670939375@qq.com> Date: Fri, 28 Nov 2025 00:50:30 +0800 Subject: [PATCH] Add the complete demonstration file of the report component library. --- ...ml_full_block_demo_v2_20251127_033250.html | 2854 +++++++++++++++++ 1 file changed, 2854 insertions(+) create mode 100644 ReportEngine/report_html_full_block_demo_v2_20251127_033250.html diff --git a/ReportEngine/report_html_full_block_demo_v2_20251127_033250.html b/ReportEngine/report_html_full_block_demo_v2_20251127_033250.html new file mode 100644 index 0000000..5a38d83 --- /dev/null +++ b/ReportEngine/report_html_full_block_demo_v2_20251127_033250.html @@ -0,0 +1,2854 @@ + + + + + + + 全量组件与图表类型演示报告 V2 + + + + + + + + + + + + + + + + + + +
+
+

全量组件与图表类型演示报告 V2

+

覆盖所有block与Chart.js类型的最新样例

+

用于验证渲染链路与验证器的端到端健康度

+
+
+ + + +
+
+ +
+
+
+

文章总览

+

全量组件与图表类型演示报告 V2

+

覆盖所有block与Chart.js类型的最新样例

+
+
+
+ +
    +
    +
    +
    + +
    +
    Block类型
    +
    12
    + +0 +
    + +
    +
    Chart.js类型
    +
    9
    + +0 +
    + +
    +
    数据覆盖
    +
    100%
    + 齐全 +
    + +
    +
    生成时间
    +
    11-27 03:32
    + 即时 +
    + +
    +
    +
    + +
    +

    一、 演示概览

    本章节涵盖全部 block，粗体、斜体、下划线、删除线、代码、高亮、H2O、彩色、定制字体、链接，以及内联公式 \( \sum_{i=1}^n x_i \) 。

    +
    +
    15个
    +
    接口
    + +2 +
    + +
    +
    380ms
    +
    延迟
    + -20ms +
    + +
    +
    99.3%
    +
    成功率
    + +0.4pp +
    + +
    +
    0次
    +
    异常
    + -1 +
    +
    使用提示

    保持字段与IR规范一致，可直接送入渲染链路。

    • Chart.js 数据长度一致

    • 词云/公式提供兜底

    • 图表均为原生配置

    “新版样例聚焦结构完整性与渲染稳定性。”

    核心指标快照

    指标

    当前值

    目标

    新客转化

    18%

    22%

    内容生成合规率

    98.9%

    99.5%

    系统示意（渲染时使用占位提示，避免外部依赖）
    {
+  "pipeline": {
+    "schedule": "15min",
+    "sources": [
+      "search",
+      "faq",
+      "forum"
+    ]
+  },
+  "quality": {
+    "rules": 32,
+    "auto_fix": true
+  },
+  "alert": {
+    "channels": [
+      "slack",
+      "ops"
+    ],
+    "on_fail": true
+  }
+}
    $$ \\int_{0}^{2} e^{-t}\\,dt = 1 - e^{-2} $$

    1. 校验IR结构

    2. 渲染HTML

    3. 生成PDF

    +
    +

    二、 数据与可视化

    折线、柱、横向柱、饼、环形、雷达、极区、散点、气泡及词云全部覆盖。

    +
    +
    请求量与成功率（折线）
    +
    + +
    + +
    + + + + + + + +
    类别请求量成功率
    周一32097.1
    周二36097.5
    周三34097.0
    周四41098.2
    周五45098.6
    周六30096.5
    周日28096.0
    +
    + +
    + +
    +
    渠道曝光与点击（柱）
    +
    + +
    + +
    + + + + + + + +
    类别曝光点击
    搜索1200260
    推送980210
    社交860180
    直达540140
    +
    + +
    + +
    +
    团队人天分布（横向柱）
    +
    + +
    + +
    + + + + + + + +
    类别人天
    交付42
    算法51
    产品33
    运营27
    +
    + +
    + +
    +
    成本结构（饼）
    +
    + +
    + +
    + + + + + + + +
    类别成本
    算力45
    存储22
    带宽18
    监控15
    +
    + +
    + +
    +
    质量维度（环形）
    +
    + +
    + +
    + + + + + + + +
    类别评分
    完整性23
    一致性21
    及时性22
    可追溯20
    +
    + +
    + +
    +
    交付成熟度雷达
    +
    + +
    + +
    + + + + + + + +
    类别当前目标
    策略7890
    数据7488
    模型7690
    监控7086
    协同7990
    反馈7288
    +
    + +
    + +
    +
    渠道热度（极区）
    +
    + +
    + +
    + + + + + + + +
    类别热度
    UGC18
    客服16
    销售20
    社区14
    媒体12
    +
    + +
    + +
    +
    延迟与满意度（散点）
    +
    + +
    + +
    + + + + + + + +
    类别样本
    120{"x": 120, "y": 88}
    180{"x": 180, "y": 83}
    260{"x": 260, "y": 78}
    320{"x": 320, "y": 70}
    90{"x": 90, "y": 92}
    210{"x": 210, "y": 80}
    +
    + +
    + +
    +
    集群容量与利用率（气泡）
    +
    + +
    + +
    + + + + + + + +
    类别集群
    A{"x": 28, "y": 65, "r": 14}
    B{"x": 46, "y": 78, "r": 18}
    C{"x": 32, "y": 58, "r": 12}
    D{"x": 60, "y": 84, "r": 20}
    +
    + +
    + +
    +
    高频反馈词
    +
    + +
    + +
    + + + + + + + +
    关键词权重类别
    稳定性12产品
    召回率9算法
    延迟8性能
    易用性10体验
    多模态6能力
    自动化5流程
    items[{'word': '稳定性', 'weight': 12, 'category': '产品'}, {'word': '召回率', 'weight': 9, 'category': '算法'}, {'word': '延迟', 'weight': 8, 'category': '性能'}, {'word': '易用性', 'weight': 10, 'category': '体验'}, {'word': '多模态', 'weight': 6, 'category': '能力'}, {'word': '自动化', 'weight': 5, 'category': '流程'}]-
    +
    + +
    + +
    +

    三、 使用步骤

    将本IR直接交给HTMLRenderer/PDFRenderer，观察日志与输出。

    +
    +
    + + + + + + + + + + + + + \ No newline at end of file