Chart.js 雷达图以多条轴线从同一中心向外发散,把多个指标放在同一张图中并排呈现,特别适合对各地区的营收与销量进行多维对比。每个地区形成一个闭合的多边形轮廓,覆盖面积越大、形状越饱满,代表其综合表现越强,一眼即可看出各维度的强弱分布与短板所在。
下方嵌入的是由 wpDataTables 驱动的实时雷达图,数据与后台表格保持同步。当源数据更新时,图表会自动刷新;将鼠标悬停在各数据点上还可查看对应指标的精确数值,方便做多指标综合画像与横向比较。
- 建议每张雷达图控制在 3 至 6 个指标轴,维度过多会让多边形拥挤、降低可读性;优先选取营收、销量等核心指标。
- 当各指标量纲差异较大时,可对数据先做归一化或统一刻度,避免某一维度过度拉伸而掩盖其他指标的差异。
- 同时对比的地区数量不宜过多,建议 2 至 4 个,并为每个地区设置区分度高的颜色与半透明填充,便于辨认重叠区域。
- 本页使用的短代码: