象限图：坐标轴与象限

简介 / Introduction

象限图是一种将数据点按两个维度划分为四个区域的图表，常用于”紧急 vs 重要”、 “影响力 vs 难度”等二元分类场景。本篇介绍如何使用 PlantUML 和 Mermaid 绘制象限图，涵盖坐标轴标签、象限填充和标签定位。

PlantUML 版

PlantUML 通过 salt 渲染器绘制象限图，利用网格和 !pragma 实现坐标轴效果：

1
2
3
4
5
6
7
8
9
10

@startuml
salt
{
  {+
    <back:#FFB3B3>重要</back> || <back:#FFDAB3>紧急</back>
    --
    <back:#B3D9FF>不重要</back> || <back:#B3FFB3>不紧急</back>
  }
}
@enduml

PlantUML 原生不提供真·象限坐标轴，但可通过 archimate 或 nwdiag 的网格与背景色模拟象限布局。

Mermaid 版

Mermaid 从 v10 起支持 quadrantChart，可直接绘制带坐标轴的象限图：

1
2
3
4
5
6
7
8
9
10
11
12

quadrantChart
  title 紧急 vs 重要
  x-axis [紧急程度 --> 缓急]
  y-axis [重要性 --> 次要性]
  quadrant-1 立即处理
  quadrant-2 计划安排
  quadrant-3 可推迟
  quadrant-4 尽量避免
  A: [0.8, 0.6]
  B: [0.3, 0.7]
  C: [0.1, 0.2]
  D: [0.9, 0.1]

对比 / Side-by-side

小结 / Wrap-up

Mermaid 的 quadrantChart 是目前绘制象限图最简洁的方案，支持坐标轴、象限标签和数据点。PlantUML 可通过 salt 网格模拟基础象限布局，适合不需要数据点的场景。