> For the complete documentation index, see [llms.txt](https://reee-visual.gitbook.io/ray-design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://reee-visual.gitbook.io/ray-design/yu-jue-tu.md).

# 玉玦图

玉玦图（Radial Bar Chart）又称环形柱状图，是柱状图基于笛卡尔坐标系转换到极坐标系的变换。其意义和用法与柱状图类似。

### 一、玉玦图图解

![](/files/BipwVxic6wwRuQBIlu0N)

### 二、基本属性

![](/files/gJKdWPDXHkxNFBGlUstT)

### 三、数据结构

第一行显示类别，类别的数量决定玦环的数量；第二行显示数值，数值的大小决定玦环的角度。

![](/files/VO7FH8NE5LQ7vsfsWOlu)

### 四、适用场景

玉玦图和柱形图的使用场景一样，用于分类数据间的数值大小对比以显示数据变化或各项之间的比较情况。

### 五、不适用场景

玉玦图有半径反馈效应，即视觉上半径越大玦环看起来更大，半径小则越小。容易造成视觉上的误解（如左图）。为此使用玉玦图时进行排序效果更佳（如右图）。

![](/files/dgmZLp7BCgvXGYNUGfCN)

### 六、制作方法 <a href="#liu-zhi-zuo-fang-fa" id="liu-zhi-zuo-fang-fa"></a>

1、使用RayCharts生成玉玦图，打开下方网址；

```
https://raycharts.raykite.com
```

2、左侧图表区选择玉玦图；

![](/files/yxy9C6Qh6m1rJjiATspx)

3、右侧编辑区自定义样式；

![](/files/O06HvGBcYlCTOmNtxiIy)

4、生成数据或者手动录入；

![](/files/cOAP14JGIxRbZ2hEnlyh)

5、预览生成效果。

![](/files/dwmoaFMQtbyZ5HJrPSIS)

### 七、玉玦图图史

玦（jué）是我国最古老的玉制装饰品，玉有缺则为玦。

![](/files/7T81kfUxsL4rGIcb121U)

常见的玉玦是一个带有缺口的环形，形如玉玦的玉玦图（Radial Bar Chart）看上去就像拥有缺口的环图（Donut Chart），但它在用法上却和环图有很大的不同。&#x20;

玉玦图是柱状图的一种变形，是把原本建立在笛卡尔坐标系的柱状图转化到极坐标系上。&#x20;

由于是柱状图的变形，兼具了实用性和美观性，应用非常广泛。基本上适用于所有柱状图类型的数据，都可以转化为玉玦图。

### 八、设计开眼

以下为具有代表性的设计案例，更多案例持续添加中。

![结婚率远超发达国家，中国家长都是怎么想的？](/files/7Ukcs0FA9Ts0rn3GwugS) ![团圆的月光照不到的角落——数说社交孤独症](/files/D5H7EZr3snzfZ2phouBZ)

### 九、更多学习资源

[1、柱状图用腻了？玉玦图给你更美的数据呈现](https://www.sohu.com/a/221531415_464033)