SunburstGraph

旭日图组件。由多层的环形图组成,在数据结构上,内圈是外圈的父节点。因此,它既能像饼图一样表现局部和整体的占比,又能像矩形树图一样表现层级关系。

使用场景

  • 适用于查看数据占比和数据支持下钻的场景。

API

Attributes

旭日图组件属性。

参数说明类型必选可选值默认值
data图表数据。传入数据的格式参照 SunburstDataSunburstData[]--
option旭日图配置。传入数据的格式参照SunburstOptionsSunburstOptions[]--

SunburstData

旭日图 data 的格式。

参数说明类型必选可选值默认值
value数据number--
name数据对应的名字,用于展示在扇形上string--
link点击节点跳转的超链接。须 SunburstOptions.nodeClick 值为 'link' 时才生效string--
target设置link的 target。同 a 标签的targetobject'blank' | 'self'-
children下一层级的dataSunburstData--

SunburstOptions

旭日图配置

参数说明类型必选可选值默认值
center旭日图的中心(圆心)坐标,数组的第一项是横坐标,第二项是纵坐标string[] | number[]--
radius旭日图的半径Array<number | string> | number | string--
label描述了每个扇形块中,文本标签的样式, 具体请参考labelobject--
labelLine标签的视觉引导线配置, 具体请参考labelLineobject--
itemStyle旭日图扇形块的样式, 具体请参考itemStyleobject--
nodeClick点击节点后的行为boolean | string'rootToNode' | 'link' | true | false-
sort扇形块根据数据 value 的排序方式,如果未指定 value,则其值为子元素 value 之和string | Function'desc' | 'asc' | 'null'-
renderLabelForZeroData如果数据没有 name,是否需要渲染文字boolean--
emphasis高亮状态配置, 具体请参考emphasisobject--
blur淡出状态配置。开启 emphasis.focus 后有效, 具体请参考blurobject--
select选中状态配置。开启 selectedMode 后有效, 具体请参考selectobject--
levels旭日图层级结构配置 , 具体请参考levelobject--
selectedMode选中模式的配置,表示是否支持多个选中,默认关闭boolean | string'single' | 'multiple' | series | true | false-