ApexCharts 环形图

ApexCharts 环形图(Donut Chart)以圆环形态直观呈现各地区的营收占比,让不同区域之间的份额对比一目了然。环形中部留有空间用于显示营收总计,既概览全局又能逐项拆解,非常适合用作业务数据的汇总展示。

下方嵌入的是一张实时图表:每个色块代表一个地区的营收占比,悬停可查看具体数值;图表加载与切换时带有流畅的过渡动画,配合可点击的图例,您可以随时显示或隐藏某个地区,自由聚焦关心的数据。

  • 环形中部默认展示营收总计,建议保持开启,让访客先看到整体规模,再观察各地区的分布。
  • 善用图例交互:点击图例中的地区名称即可临时隐藏或显示对应色块,便于对比剩余区域的相对占比。
  • 保留入场与切换动画,可提升数据呈现的层次感;若数据项较多,建议精简地区数量或合并占比过小的区域,避免色块过于零碎。
  • 悬停提示会显示各地区的精确数值与百分比,无需额外查表即可读数。
  • 本页使用的短代码: