option = {
color: ["#ef4864", "#facc14", "#06cc84", "#7bd42b"],
backgroundColor:'#011C2F',
tooltip: {
trigger: "axis",
axisPointer: {
type: "none",
},
},
legend: {
data: ["尖", "峰", "平", "谷"],
align: "right",
// right: 10,
textStyle: {
color: "#fff",
},
itemWidth: 10,
itemHeight: 10,
itemGap: 35,
},
grid: {
left: "3%",
right: "4%",
bottom: "8%",
top: "8%",
containLabel: true,
},
xAxis: [
{
type: "category",
data: ["综合楼", "1#车间", "2#车间", "3#车间", "4#车间", "5#车间", "6#车间", "7#车间"],
axisLine: {
show: false,
lineStyle: {
color: "#063374",
width: 1,
type: "solid",
},
},
axisTick: {
show: false,
},
axisLabel: {
show: true,
textStyle: {
color: "#00c7ff",
},
},
},
],
yAxis: [
{
type: "value",
axisLabel: {
formatter: "{value}",
},
axisTick: {
show: false,
},
axisLine: {
show: false,
lineStyle: {
color: "#00c7ff",
width: 1,
type: "solid",
},
},
splitLine: {
show: true,
lineStyle: {
type: "dashed",
color: ["#214E68"],
},
},
},
],
series: [
{
name: "尖",
type: "bar",
data: [320, 302, 120, 100, 540, 123, 345, 667, 333, 122, 211, 99],
barMaxWidth: 10, //柱子宽度
// barGap: 1, //柱子之间间距
itemStyle: {},
},
{
name: "峰",
type: "bar",
data: [120, 102, 90, 150, 120, 123, 145, 167, 133, 172, 111, 199],
barMaxWidth: 10,
},
{
name: "平",
type: "bar",
data: [440, 404, 210, 250, 660, 246, 490, 834, 466, 294, 322, 298],
barMaxWidth: 10,
},
{
name: "谷",
type: "bar",
data: [0.5, 0.8, 0.8, 0.5, 0.5, 0.7, 0.8, 1, 0.65, 0.85, 0.56, 0.8],
barMaxWidth: 10,
},
],
};