(此文档仅供参考)
现象
旭日图通过设置项只能调整内圈和外圈的半径大小,如下图:
现在想要单独调整每个圈之间的半径,如下图
实现方法
需要写扩展属性实现,而扩展属性中如果需要隐藏销售量,那么就得写在第一个括号内,如果在销售额的下方,就需要写在第二个括号内,如图:
完整的扩展属性如下:
"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" } } ] } ],