CATI 图表升级 Demo
lieflat 图形骨架 × NeuroXYZ 主题色
模拟数据:
设计说明
图形骨架来自 lieflat-charts:
- G2 Petal Rose(维度花瓣图)— ECharts 玫瑰图,每片花瓣半径 = 维度得分。粗黑缝分隔维度,颜色按阈值分级(低于阈值=蓝、符合=珊瑚粉、显著=深粉)。中心 CATI 标签。
- F11 Tick Gauge(总分仪表)— 弧形进度 + 大数,阈值刻度标记在弧上。
- F5 Tick Rows(维度得分图)— 每 1 分 = 1 根竖线,把抽象分数还原为可数单位。每 5 分一个圆点标记,行尾大数。
配色替换为 NeuroXYZ 主题:
- 数据 tick → 主题主色(深蓝
#2a588f/ 珊瑚粉#f09b9c) - 网格线 →
var(--test-surface) - 副标题 →
var(--test-text-muted) - 阈值标注 → 粉色系(
#f09b9c/#c07072)