开发预览 更新于 2026-05-10

PolarBarChart 极坐标柱

径向柱状图 —— 周期性数据(一天 24 小时 / 一周 7 天 / 一年 12 月)天然适合圆周表达,比直角柱状更紧凑。

基础用法

数据按顺序沿圆周分配扇区,每个柱子的”高度”从内圈半径向外延伸,长度正比于值。

背景 视口

API

Prop类型默认说明
items{ label, value, color? }[]数据数组,顺序即角度
sizenumber280SVG 边长(正方形)
innerRationumber0.35内圈半径 / 外圈比例
sweepnumber360总扫过角度(度)
startAnglenumber0起始角度(0 = 顶部,顺时针)
barColorstringaccent默认柱色
showLabelsbooleantrue显示外圈文字
format(v) => string提示框值格式化
ariaLabelstringSR 描述
variant'sm' | 'md' | 'lg''md'字号档位

事件:

  • Vue: @hover / @select
  • React: onHover / onSelect

回调 payload:{ index, item }

反馈与讨论

PolarBarChart 极坐标柱 的讨论

0
0 / 600
正在加载评论...