echarts常见柱状图，折线图，饼图，环状图,不断更新中
option = {
tooltip: {
show:false
},
legend: {
x: "center",
y: "bottom",
data: ["rose3", "rose5", "rose6", "rose7", "rose8"],
},
calculable: true,
xAxis: {
max: 10,
show: false,
splitLine: {
show: false,
},
},
yAxis: {
max: 10,
show: false,
splitLine: {
show: false,
},
},
title: {
text: '白名单人员占比',
left: "center",
top: "center",
textStyle: {
color: "#6482BD",
fontSize: 14,
align: "center",
fontWeight: 100
},
},
series: [
{
type: "pie",
radius: [80, 120],
center: ["50%", "50%"],
labelLine:{
show:false
},
data: [
{
value: 10,
itemStyle: {
color: "transparent",
},
},
{
value: 90,
name: "rose2",
itemStyle: {
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [{
offset: 0, color: "#9567fd", // 0% 处的颜色
}, {
offset: 1, color: "#737ffd", // 100% 处的颜色
}],
global: false
}
},
labelLine: {
show: false,
length: 200,
length2: 100,
},
},
],
},
{
type: "pie",
radius: [80, 100],
center: ["50%", "50%"],
labelLine:{
show: false
},
data: [
{
value: 10,
itemStyle: {
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [{
offset: 0, color: "#20d975", // 0% 处的颜色
}, {
offset: 1, color: "#00b3e3", // 100% 处的颜色
}],
global: false
}
},
labelLine: {
show: false,
},
},
{
value: 90,
itemStyle: {
color: "transparent",
},
},
],
},
],
};
