NeuroXYZ

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