千万级算力资产分配比应以stat锚定总量、pie chart聚焦4–7个主类目，“其他”动态标注，通过前置聚合、语义配色、阈值控制与大屏协同实现高可读可视化。
直接用 Pie Chart + Stat 组合展现千万级算力资产分配比，关键不在“堆数据”，而在“控粒度、显重点、保可读”。真实生产环境里，千万级原始指标不能全塞进饼图——那不是可视化，是视觉灾难。核心思路是：Stat 突出全局总量与关键占比，Pie Chart 聚焦有业务意义的 4–7 个主类目，其余归入“其他”并动态标注实际数值。
一、数据层：聚合必须前置，禁止原始明细直连
千万级算力资产（如GPU卡、vCPU核、内存GiB）通常来自多集群、多租户、多任务类型。切忌在Grafana中用 count by (cluster, tenant, type) 拉全量标签——查询会超时，饼图会崩成马赛克。正确做法是：
- 在Prometheus中用
sum by (category)预聚合，例如：sum(sum_over_time(node_gpu_allocatable{job="gpu-exporter"}[1h])) by (env, team)，再按业务规则映射为prod-ai、dev-bigdata、test-sandbox等 5–6 个标准大类 - 使用
label_replace统一归类杂项：label_replace(..., "category", "other", "team", ".*temp.*|.*test-[0-9]+.*") - 在Grafana查询中启用
Format as: Time series（非Table），确保Pie Chart能识别series name为分类维度
二、Stat面板：锚定总量，强化感知锚点
Stat不只显示数字，它是观众理解饼图比例的参照系。配置要点：
- 显示字段选
total（即所有category之和），单位设为decbytes或自定义cores，启用Prefix/Suffix加“算力总核数”文字说明 - 开启
Show value change indicator，对比24h前值，绿色↑/红色↓直观反映资源增减趋势 - 阈值设三级：
• • 85–92% → 黄色（预警）
• ≥ 92% → 红色（过载），触发大屏闪烁动效（需CSS注入或前端插件支持）
三、Pie Chart：精简结构+语义配色+交互增强
避免“所有分类平铺”，而是构建有叙事逻辑的环形结构：
- 仅保留Top 5主类目 + “其他”，并在
Panel options → Display values中勾选Show values on chart，数值格式选Percent (0.0%) - 配色禁用默认彩虹色。采用业务语义色：AI训练=深蓝(#4E79A7)、大数据分析=橙红(#F28E2B)、CI/CD=青绿(#73BF69)、测试环境=浅灰(#BDBDBD)、“其他”=暗紫(#595959)
- 启用
Legend → Show legend，位置设Right；勾选Sort by: Value (desc)，让最大块永远在顶部起始位 - 关键增强：在
Field options → Standard options → Unit中设为none，避免百分比重复叠加；同时开启Thresholds，对低于2%的扇区自动合并到“其他”并标灰显隐
四、大屏协同：用布局与动画引导视线流
Pie Chart和Stat不是孤立存在，要嵌入整体信息流：
- 将Stat置于左上角（视觉起点），字号放大至48px；Pie Chart居中偏右，直径占屏宽45%，留白呼吸感
- 添加一个微型
Gauge面板紧邻Stat下方，仅显示当前整体利用率（0–100%弧形进度条），形成“总量→分布→压力”三层递进 - 启用
Dashboard refresh: 30s，但Pie Chart单独设Min interval: 1m，避免高频重绘拖慢大屏渲染 - 鼠标悬停Pie Chart扇区时，右侧联动展示该类目的Top 3消耗实体（如集群名+租户名+任务ID），用
Tooltip → Mode: All+ 自定义Display name实现
