Rose 玫瑰图
上一篇
Radar 雷达图
下一篇
Sankey 桑基图
Loading...
玫瑰图(Rose)又称南丁格尔玫瑰图(Nightingale Rose Chart),是条形图与饼图的变形,由弗洛伦斯・南丁格尔在克里米亚战争期间首创。其核心特征包括:
更多示例详见玫瑰图
通用属性参考:通用配置
配置项 | 说明 | 类型 | 默认值 |
---|---|---|---|
data | 数据 | Array | [] |
xField | 横轴字段 | string | - |
yField | 纵轴字段 | string | string[] | - |
colorField | 和 seriesField 类似,不过会加上颜色通道,详见color | string(可选) | - |
sizeField | 大小、大小映射字段 | number | string(可选) | - |
stack | 玫瑰图是否堆叠 | boolean|Stack | false |
group | 玫瑰图是否分组 | boolean|Group | false |
radius | 半径 | number[0~1] | - |
innerRadius | 内径 | number[0~1] | 0 |
title | 用于指定图表的标题内容,详见标题 | object(可选) | - |
axis | 用于建立数据与视觉位置的映射关系,详见坐标轴 | object(可选) | - |
legend | 图表的辅助元素,使用颜色、大小、形状区分不同的数据类型,用于图表中数据的筛选,详见图例 | object(可选) | - |
label | 数据标签是给图表添加标注的手段之一,详见标签 | object(可选) | - |
tooltip | 用于动态展示数据点的详细信息,详见提示 | object(可选) | - |
style | 视觉样式,配置项详见绘图属性 | object(可选) | - |
theme | 用于控制图表的整体外观,包括颜色、字体、边距等视觉属性,详见主题 | string | object(可选) | light |
onReady | 图表加载回调,用于后续的事件事件绑定 | Function(可选) | - |
scale | 将抽象数据映射为视觉数据,详见比例尺 | object(可选) | - |
animate | 动画作为可视化的重要组成部分,能显著提高数据可视化的表现力,详见动画 | object(可选) | - |
interaction | 提供了按需探索数据的能力,详见交互 | object(可选) | - |
state | 实现交互反馈、高亮、选中等效果,详见状态,不同交互下图表样式 | object(可选) | - |
annotations | 视图好比一个画板,Rose 组件默认在其上绘制了一个玫瑰图,我们可以通过 annotations 在上面叠加更多的图层,详见标注 | Array(可选) | - |
属性 | 描述 | 类型 | 默认值 |
---|---|---|---|
groupBy | 指定分组通道 | string | string[] | x |
orderBy | 指定排序的数据 | TransformOrder | null |
y | y 通道选择的数据通道来源 | 'y'|'y1' | y |
y1 | y1 通道选择的数据通道来源 | 'y'|'y1' | y1 |
reverse | 是否逆序 | boolean | false |
series | 是否有分组字段 | boolean | true |
属性 | 描述 | 类型 | 默认值 | 必选 |
---|---|---|---|---|
groupBy | 数据分组的通道或通道组合 | string | string[] | x | |
orderBy | 分组内元素的排序规则 | TransformOrder | () => null | |
reverse | 是否逆序排列分组内的元素 | boolean | false | |
padding | 分组内元素之间的间距(0 ~ 1) | number | 0 |
详见选项-事件。
详见图表概览-图表方法。