{ "id": { "desc": "

组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。

\n" }, "name": { "desc": "

系列名称,用于tooltip的显示,legend 的图例筛选,在 setOption 更新数据和配置项时用于指定对应的系列。

\n" }, "zlevel": { "desc": "

所有图形的 zlevel 值。

\n

zlevel用于 Canvas 分层,不同zlevel值的图形会放置在不同的 Canvas 中,Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁(例如有动画)的组件设置成一个单独的zlevel。需要注意的是过多的 Canvas 会引起内存开销的增大,在手机端上需要谨慎使用以防崩溃。

\n

zlevel 大的 Canvas 会放在 zlevel 小的 Canvas 的上面。

\n" }, "z": { "desc": "

组件的所有图形的z值。控制图形的前后顺序。z值小的图形会被z值大的图形覆盖。

\n

z相比zlevel优先级更低,而且不会创建新的 Canvas。

\n" }, "center": { "desc": "\n\n

旭日图的中心(圆心)坐标,数组的第一项是横坐标,第二项是纵坐标。

\n

支持设置成百分比,设置成百分比时第一项是相对于容器宽度,第二项是相对于容器高度。

\n

使用示例:

\n
// 设置成绝对的像素值\ncenter: [400, 300]\n// 设置成相对的百分比\ncenter: ['50%', '50%']\n
", "uiControl": { "type": "percentvector", "dims": "x,y" } }, "radius": { "desc": "\n\n

旭日图的半径。可以为如下类型:

\n\n", "uiControl": { "type": "percentvector", "dims": "inner,outer", "default": "0%, 75%" } }, "data": { "desc": "

series-sunburst.data 的数据格式是树状的,例如:

\n
[{\n    name: 'parent1',\n    value: 10,          // 可以不写父元素的 value,则为子元素之和;\n                        // 如果写了,并且大于子元素之和,可以用来表示还有其他子元素未显示\n    children: [{\n        value: 5,\n        name: 'child1',\n        children: [{\n            value: 2,\n            name: 'grandchild1',\n            itemStyle: {\n                // 每个数据可以有自己的样式,覆盖 series.itemStyle 和 level.itemStyle\n            },\n            label: {\n                // 标签样式,同上\n            }\n        }]\n    }, {\n        value: 3,\n        name: 'child2'\n    }],\n    itemStyle: {\n        // parent1 的图形样式,不会被后代继承\n    },\n    label: {\n        // parent1 的标签样式,不会被后代继承\n    }\n}, {\n    name: 'parent2',\n    value: 4\n}]\n
\n" }, "data.value": { "desc": "

数据值,如果包含 children,则可以不写 value 值。这时,将使用子元素的 value 之和作为父元素的 value。如果 value 大于子元素之和,可以用来表示还有其他子元素未显示。

\n" }, "data.name": { "desc": "

显示在扇形块中的描述文字。

\n" }, "data.link": { "desc": "

点击此节点可跳转的超链接。须 series-sunburst.nodeClick 值为 'link' 时才生效。

\n

参见 series-sunburst.data.target

\n" }, "data.target": { "desc": "

意义同 HTML <a> 标签中的 target,参见 series-sunburst.data.link。可选值为:'blank''self'

\n" }, "data.label": { "desc": "

label 描述了每个扇形块中,文本标签的样式。

\n

优先级:series.data.label > series.levels.label > series.label

\n

图形上的文本标签,可用于说明图形的一些数据信息,比如值,名称等,label选项在 ECharts 2.x 中放置于itemStyle下,在 ECharts 3 中为了让整个配置项结构更扁平合理,label 被拿出来跟 itemStyle 平级,并且跟 itemStyle 一样拥有 emphasis 状态。

\n" }, "data.label.rotate": { "desc": "\n\n

如果是 number 类型,则表示标签的旋转角,从 -90 度到 90 度,正值是逆时针。

\n

除此之外,还可以是字符串 'radial' 表示径向旋转、'tangential' 表示切向旋转。

\n

默认径向旋转,如果不需要文字旋转,可以将其设为 0

\n

下面的例子展示了不同的 rotate 设置方法:

\n