echarts修改環(huán)形圖的圓環(huán)寬度，大小

環(huán)形圖圓環(huán)的大小需要通過series-pie. radius屬性來修改

radius 餅圖的半徑。

Array.<number|string>：數(shù)組的第一項是內半徑，第二項是外半徑。每一項遵從上述 number string 的描述。

把數(shù)組的第一項即內半徑設為0，則圖表為餅圖，如下：

內半徑設為大于0的值，圖表即顯示成圓環(huán)圖（Donut chart）。如下：

當然如果修改了外半徑的大小，比如小于100%，圖表就會顯得小很多，也就是窄很多，如下：

所以，如果想修改柱狀圖的圓環(huán)寬度，可以通過修改內半徑和外半徑的大小來實現(xiàn)。

option = {legend: {orient: "vertical",left: "left",data: ["Apple", "Grapes", "Pineapples", "Oranges", "Bananas"]},series: [{type: "pie",data: [{value: 335,name: "Apple"}, {value: 310,name: "Grapes"}, {value: 234,name: "Pineapples"}, {value: 135,name: "Oranges"}, {value: 1548,name: "Bananas"}],radius: ["35%", "45%"] // 這個屬性修改圓環(huán)寬度}]
}

如果想方便布局，可以把外邊距設為100%，通過調整內邊距大小來修改圓環(huán)寬度。

注意：radius是餅圖的半徑。假設，div的高度為100px，如果我們把radius設置為100%，那么整個餅圖的直徑也就是長和高就是200px了，這一點在布局的時候千萬要注意。

基于此，我們可以把radius的外半徑設置為50%，這樣整個餅圖的高度就是div的高度了。