option = {
legend: {
bottom: 0,
orient: "horizontal",
itemGap: 24,
itemHeight: 10.8,
itemWidth: 10.8,
icon: "rect",
textStyle: {
fontSize: 11,
},
},
tooltip: {
trigger: "axis",
appendToBody: true,
},
grid: {
top: "8%",
bottom: "25",
right: 15,
left: 0,
containLabel: true,
},
xAxis: {
type: "category",
data: ["8.8", "8.9", "8.10", "8.11", "8.12", "8.13", "8.14"],
axisTick: {
show: false,
},
axisLabel: {
formatter: function (value, index) {
let texts = [`${value}`, index !== 4 ? "{b|正常}" : "{c|台风}"];
return texts.join("\n");
},
rich: {
a: {},
b: {
backgroundColor: "#20ad94",
width: 28,
fontSize: 9,
color: "#fff",
height: 16,
borderRadius: 6,
},
c: {
backgroundColor: "red",
width: 28,
fontSize: 9,
color: "#fff",
height: 16,
borderRadius: 6,
},
},
},
boundaryGap: false,
},
yAxis: {
type: "value",
axisLine: {
show: true,
},
splitLine: {
show: true,
lineStyle: {
type: [8, 10],
color: "#adafb0",
},
},
},
series: [
{
type: "line",
name: "其他管理人员",
data: [2000, 1800, 1800, 1500, 0, 2300, 2800, 2400, 2600],
color: "#4ec8d9",
areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: "#49C1D1FF",
},
{
offset: 1,
color: "#49C1D10F",
},
]),
},
},
{
type: "line",
name: "总包安全员",
data: [500, 600, 600, 400, 0, 1000, 800, 500, 1500],
color: "#1a84ff",
areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: "#C1DAFF",
},
{
offset: 1,
color: "#5E9EFF00",
},
]),
},
},
],
};