{ "id": { "desc": "
组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。
\n" }, "name": { "desc": "系列名称,用于tooltip的显示,legend 的图例筛选,在 setOption
更新数据和配置项时用于指定对应的系列。
所有图形的 zlevel 值。
\nzlevel
用于 Canvas 分层,不同zlevel
值的图形会放置在不同的 Canvas 中,Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁(例如有动画)的组件设置成一个单独的zlevel
。需要注意的是过多的 Canvas 会引起内存开销的增大,在手机端上需要谨慎使用以防崩溃。
zlevel
大的 Canvas 会放在 zlevel
小的 Canvas 的上面。
组件的所有图形的z
值。控制图形的前后顺序。z
值小的图形会被z
值大的图形覆盖。
z
相比zlevel
优先级更低,而且不会创建新的 Canvas。
旭日图的中心(圆心)坐标,数组的第一项是横坐标,第二项是纵坐标。
\n支持设置成百分比,设置成百分比时第一项是相对于容器宽度,第二项是相对于容器高度。
\n使用示例:
\n// 设置成绝对的像素值\ncenter: [400, 300]\n// 设置成相对的百分比\ncenter: ['50%', '50%']\n
",
"uiControl": {
"type": "percentvector",
"dims": "x,y"
}
},
"radius": {
"desc": "\n\n旭日图的半径。可以为如下类型:
\nnumber
:直接指定外半径值。string
:例如,'20%'
,表示外半径为可视区尺寸(容器高宽中较小一项)的 20% 长度。
Array.<number|string>
:数组的第一项是内半径,第二项是外半径。每一项遵从上述 number
string
的描述。
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'
时才生效。
参见 series-sunburst.data.target。
\n" }, "data.target": { "desc": "意义同 HTML <a>
标签中的 target
,参见 series-sunburst.data.link。可选值为:'blank'
或 'self'
。
label
描述了每个扇形块中,文本标签的样式。
优先级:series.data.label > series.levels.label > series.label。
\n图形上的文本标签,可用于说明图形的一些数据信息,比如值,名称等,label
选项在 ECharts 2.x 中放置于itemStyle
下,在 ECharts 3 中为了让整个配置项结构更扁平合理,label
被拿出来跟 itemStyle
平级,并且跟 itemStyle
一样拥有 emphasis
状态。
如果是 number
类型,则表示标签的旋转角,从 -90 度到 90 度,正值是逆时针。
除此之外,还可以是字符串 'radial'
表示径向旋转、'tangential'
表示切向旋转。
默认径向旋转,如果不需要文字旋转,可以将其设为 0
。
下面的例子展示了不同的 rotate
设置方法: