option = {
backgroundColor:'#011C2F',
grid: {
top: "25px",
left: "10px",
right: "2%",
bottom: "6%",
containLabel: true,
},
tooltip: {
trigger: "item",
},
animation: false,
xAxis: [
{
type: "category",
data: [
"研发部",
"综合办公室",
"财资部",
"研发部",
"业务拓展部",
"1#会议室",
"2#会议室",
],
axisTick: {
alignWithLabel: true,
},
axisLine: {
show: false,
},
axisLabel: {
show: true,
interval: 0,
fontSize: 11,
fontWeight: 1000,
color: "#ffffff",
rich: {
a: {
fontSize: 10,
fontWeight: 600,
color: "#ffffff",
},
b: {
height: 0,
fontSize: 10,
color: "#ffffff",
},
},
},
interval: 0,
},
],
yAxis: {
axisTick: {
show: false,
},
axisLine: {
show: false,
},
axisLabel: {
show: false,
},
splitLine: {
//网格线
lineStyle: {
color: "#0575DE",
type: "dashed", //设置网格线类型 dotted：虚线 solid:实线
},
show: true, //隐藏或显示
},
},
series: [
{
name: "上部圆",
type: "pictorialBar",
silent: true,
symbolSize: [26, 10],
symbolOffset: [0, -5],
symbolPosition: "end",
z: 14,
label: {
show: true,
position: "top",
fontSize: 15,
fontWeight: "bold",
color: "#5BFCF4",
},
color: "#5BFCF4",
data: [100,170,182,75,96,88,135],
},
{
name: "底部圆",
type: "pictorialBar",
silent: true,
symbolSize: [26, 10],
symbolOffset: [0, 5],
z: 12,
color: "#5BFCF4",
data: [100,170,182,75,96,88,135],
},
{
name: "设备数量",
type: "bar",
barWidth: "26",
barGap: "10%", // Make series be overlap
barCateGoryGap: "10%",
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 0.7, [
{
offset: 0,
color: "rgba(210,210,210,0.3)",
},
{
offset: 1,
color: "#5BFCF4",
},
]),
opacity: 0.8,
},
data: [100,170,182,75,96,88,135],
},
],
};