页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

(此文档仅供参考)

现象

 旭日图通过设置项只能调整内圈和外圈的半径大小,如下图:


现在想要单独调整每个圈之间的半径,如下图

实现方法

需要写扩展属性实现,而扩展属性中如果需要隐藏销售量,那么就得写在第一个括号内,如果在销售额的下方,就需要写在第二个括号内,如图:

完整的扩展属性如下:


代码块
"type": "sunburst",
"radius": [
0,
"75%"
],
"levels": [
{
"r0": "0%",
"r": "60%",
"itemStyle": {
"borderWidth": 2
},
"label": {
"rotate": "tangential"
}
},
{
"r0": "0%",
"r": "60%",
"itemStyle": {
"borderWidth": 2
},
"label": {
"rotate": "tangential"
}
},
{
"r0": "75%",
"r": "60%",
"itemStyle": {
"borderWidth": 2
},
"label": {
"rotate": "tangential"

}
}
]
}
],

...