旭日图 Sunburst

展示层级数据的环形图，内层到外层表示从根到叶的层级关系。

效果

在线预览

在线模拟尺寸:

基本用法

数据为树形结构，每个节点有 name、value（可选）、children（可选）。

{
  data: [
    {
      name: '前端',
      children: [
        { name: 'Vue', value: 40 },
        { name: 'React', value: 35 },
        { name: 'Angular', value: 15 }
      ]
    },
    {
      name: '后端',
      children: [
        { name: 'Java', value: 45 },
        { name: 'Go', value: 25 },
        { name: 'Python', value: 30 }
      ]
    }
  ],
  series: [{
    type: 'sunburst',
    yField: 'value'     // 数值字段名
  }]
}

系列配置项

属性	类型	默认值	说明
type	string	-	固定 'sunburst'
yField	string	'value'	数值字段（或用 angleField）