ApexCharts 径向条形图以环形进度条的视觉样式,将各地区的占比数据沿圆弧逐一呈现,让数值的高低一目了然。相比传统的柱状图或饼图,这种环形进度样式更直观、更具现代感,特别适合 KPI 指标与进度类信息的展示。
下方嵌入的是一个实时图表:每个地区对应一圈环形进度条,弧度的填充长度即代表该地区在整体中所占的比例。图表数据与 wpDataTables 数据源联动,可随后台数据更新而自动刷新。
- 用环形进度样式直观展示各地区占比,弧线填充越满代表占比越高,适合一眼读出排名与差距。
- 这类径向条形图最契合 KPI、完成率、进度等场景;建议控制同屏地区数量,避免环数过多造成阅读负担。
- 可为不同地区设置区分度高的配色,并在弧条中心或图例标注百分比数值,提升可读性。
- 本页使用的短代码: