RadialBar
Previous
Waterfall
Next
Overview
Loading...
玉珏图（RadialBar）又名环形柱状图，是柱状图关于笛卡尔坐标系转换到极坐标系的仿射变换。其意义和用法与柱状图类似。
玉珏图有半径反馈效应。由于玉珏图中是用角度表示每个珏环数值的大小，角度是决定性因素。所以，哪怕外侧（半径大的）珏环的数值小于内侧（半径小的）珏环，外侧的每个珏环会相对的比里面的珏环更长。这会造成视觉上的误解。
而且因为我们的视觉系统更善于比较直线，所以笛卡尔坐标系更适合于比较各个分类的数值比较。所以玉珏图从实用的角度去看，其更多的是一种审美上的需求。。
更多示例详见玉珏图
通用属性参考：通用配置
| 配置项 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| data | 数据 | Array | [] |
| xField | 横轴字段 | string | - |
| yField | 纵轴字段 | string | string[] | - |
| colorField | 颜色映射通道，详见color | string（可选） | - |
| radius | 半径 | number[0~1] | - |
| innerRadius | 内径 | number[0~1] | 0 |
| startAngle | 起始角度 | number | - |
| endAngle | 起始角度 | number | - |
| stack | 柱状图是否堆叠 | boolean|Stack | false |
| group | 柱状图是否分组 | boolean|Group | false |
| markBackground | 元素背景配置，和配置柱子无区别，可以看做是放置于底层的 Column 组件，需要配置 scale.y.domain 才能生效 | MarkBackground | - |
| title | 用于指定图表的标题内容，详见标题 | object（可选） | - |
| legend | 图表的辅助元素，使用颜色、大小、形状区分不同的数据类型，用于图表中数据的筛选，详见图例 | object（可选） | - |
| label | 数据标签是给图表添加标注的手段之一，详见标签 | object（可选） | - |
| tooltip | 用于动态展示数据点的详细信息，详见提示 | object（可选） | - |
| style | 视觉样式，配置项详见绘图属性 | object（可选） | - |
| theme | 用于控制图表的整体外观，包括颜色、字体、边距等视觉属性，详见主题 | string | object（可选） | light |
| onReady | 图表加载回调，用于后续的事件事件绑定 | Function（可选） | - |
| scale | 将抽象数据映射为视觉数据，详见比例尺 | object（可选） | - |
| animate | 动画作为可视化的重要组成部分，能显著提高数据可视化的表现力，详见动画 | object（可选） | - |
| interaction | 提供了按需探索数据的能力，详见交互 | object（可选） | - |
| state | 实现交互反馈、高亮、选中等效果，详见状态，不同交互下图表样式 | object（可选） | - |
| annotations | 视图好比一个画板，RadailBar 组件默认在其上绘制了一个玉珏图，我们可以通过 annotations 在上面叠加更多的图层，详见标注 | Array（可选） | - |
type MarkBackground = {/** background 样式 */style?: ShapeAttrs;[key: string]: any};
style 配置可以参考配置图形样式
详见选项-事件。
详见图表概览-图表方法。