建设银行内部学习网站,竞价排名的弊端,wordpress弹窗登录,网站未备案或已封禁echarts修改环形图的圆环宽度#xff0c;大小
环形图圆环的大小需要通过series-pie. radius属性来修改
radius 饼图的半径。
Array.number|string#xff1a;数组的第一项是内半径#xff0c;第二项是外半径。每一项遵从上述 number string 的描述。
把数组的第…echarts修改环形图的圆环宽度大小
环形图圆环的大小需要通过series-pie. radius属性来修改
radius 饼图的半径。
Array.number|string数组的第一项是内半径第二项是外半径。每一项遵从上述 number string 的描述。
把数组的第一项即内半径设为0则图表为饼图如下 内半径设为大于0的值图表即显示成圆环图Donut chart。如下 当然如果修改了外半径的大小比如小于100%图表就会显得小很多也就是窄很多如下 所以如果想修改柱状图的圆环宽度可以通过修改内半径和外半径的大小来实现。
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%] // 这个属性修改圆环宽度}]
}
如果想方便布局可以把外边距设为100%通过调整内边距大小来修改圆环宽度。
注意radius是饼图的半径。假设div的高度为100px如果我们把radius设置为100%那么整个饼图的直径也就是长和高就是200px了这一点在布局的时候千万要注意。
基于此我们可以把radius的外半径设置为50%这样整个饼图的高度就是div的高度了。
