option = title text 车辆所有权构成辆 left center top top tooltip trigger item legend top center left right orient vertical series name Acces
要设置让圆环的中间显示文字 "总计",并为总计设置一个 value,可以在 series 的 label 属性中添加一个对象,来设置圆环中间的文字。
下面是修改后的代码:
option = {
title: {
text: "车辆所有权构成(辆)",
left: "center",
top: "top",
},
tooltip: {
trigger: 'item'
},
legend: {
top: 'center',
left: 'right',
orient: 'vertical'
},
series: [
{
name: 'Access From',
type: 'pie',
radius: ['40%', '70%'],
avoidLabelOverlap: false,
label: {
show: false,
position: 'center'
},
emphasis: {
label: {
show: true,
fontSize: 40,
fontWeight: 'bold'
}
},
labelLine: {
show: false
},
data: [
{ value: 32.6, name: '外租车辆' },
{ value: 67.4, name: '自有企业' },
{
value: 100, // 设置总计的 value 为 100
name: '总计',
label: {
show: true,
position: 'center',
formatter: '{c}', // 显示数值
fontSize: 20,
fontWeight: 'bold'
}
}
]
}
]
};
在数据中添加了一个对象来表示总计,其中 value 设置为 100,然后在 label 属性中设置了 show 为 true,position 为 center,formatter 为 '{c}'(表示显示数值),fontSize 为 20,fontWeight 为 'bold'。这样就可以让圆环的中间显示文字 "总计" 并设置了一个 value 为 100。
原文地址: https://www.cveoy.top/t/topic/i9cI 著作权归作者所有。请勿转载和采集!