以更省空间的方式可视化数据

径向图提供了一种极具吸引力的方式来展示对比或循环数据:将标准呈现方式转化为引人入胜的圆形可视化效果。

2025年4月10日功能亮点图表控件
以更省空间的方式可视化数据

径向图提供了一种直观的方式来可视化分层和类别数据。它们在极坐标系统中显示条形图,而不是采用笛卡尔坐标系统(使用 x-y 网格来定位数据)。这些图以圆形布局表示数值,使其非常适合比较数据点之间的比例与关系。圆形条形图(作为传统条形图的变体)以径向格式排列数据,用于展示各类别之间的对比。它们尤其适用于可视化周期性或循环性数据,例如基于时间的指标。旭日图将分层结构拆分为若干同心环。图表中心通常代表根类别,而外侧环则展示子类别。它们用于可视化数据集中的“部分-整体”关系。

多款 React 图表控件提供径向图,包括:

  • DevExtreme Chart(DevExpress 的 DevExtreme Complete 套件的一部分)使开发者能够渲染带有渐变填充、动画效果和交互式工具提示的同心分段。
  • Highcharts Core(Highsoft)支持创建径向条形图,便于以圆形布局展示数据,并让条形从中心向外延伸。
  • Wijmo FlexChart 和 FinancialChart(MESCIUS 的 Wijmo 套件的一部分)提供径向条形图支持,使开发者能够构建紧凑的、用于呈现圆形度量的展示。
  • Ignite UI for React Chart(Infragistics 的 Ignite UI 的一部分)在其极坐标图表套件中包含一种径向条形图类型,并针对性能和渲染质量进行了优化。

如需深入了解功能与价格,请访问我们的 React 图表控件对比。

对比 React 图表控件