option = {
title: {
text: ""
},
tooltip: {
trigger: "axis"
},
grid: {
left: "7%",
right: "5%",
top: "10%",
bottom: "25%",
// containLabel: true,
zlevel: -1,
z: -1
},
// grid: {
// left: "7%",
// right: 0,
// top: "15%",
// bottom: "20%",
// zlevel: -1,
// z: -1
// },
yAxis: {
type: "value",
splitLine: {
show: true,
lineStyle: {
width: 2,
color: "#0c2c5f",
opacity: 0.8,
type: "dotted"
}
}
},
xAxis: [
{
type: "category",
data: ["", "", "", "", "", "", ""],
inverse: true
},
{
// z: -10,
zlevel: 100,
type: "category",
inverse: true,
position: "bottom",
offset: -145,
axisLine: {
show: false
},
axisTick: {
show: false
},
axisLabel: {
interval: 0,
formatter: function (value, index) {
console.log(value);
// return "{" + index + "| }\n{b|" + value.split(",")[0] + "}";
return "{k" + index + "|}\n{" + index + "| }\n{b|" + value.split(",")[0] + "}\n{b|" + value.split(",")[1] + "}";
},
rich: {
0: {
backgroundColor: {
image: "//img.isqqw.com/profile/upload/2023/12/05/7fc21e3b-09c4-4f84-941e-8ca637a4f9ef.png"
},
height: 140,
width: 56
},
1: {
backgroundColor: {
image: "//img.isqqw.com/profile/upload/2023/12/05/b8feeaf2-6bc4-4cd2-b74a-93d16b2663aa.png"
},
height: 96,
width: 56
},
2: {
backgroundColor: {
image:"//img.isqqw.com/profile/upload/2023/12/05/77e588c4-242a-45b2-b8ab-1758de41fa89.png"
},
height: 81,
width: 56
},
3: {
backgroundColor: {
image: "//img.isqqw.com/profile/upload/2023/12/05/d0b8b733-2051-4fba-b332-da018dafd85b.png"
},
height: 73,
width: 56
},
4: {
backgroundColor: {
image: "//img.isqqw.com/profile/upload/2023/12/05/7ea256fd-8aee-4f26-a367-aec5df006a19.png"
},
height: 61,
width: 56
},
5: {
backgroundColor: {
image: "//img.isqqw.com/profile/upload/2023/12/05/4184ba39-0b14-4aa2-80e9-98c918fe85ab.png"
},
height: 32,
width: 56
},
6: {
backgroundColor: {
image: "//img.isqqw.com/profile/upload/2023/12/05/99a5b63f-3e69-45c2-8e46-e76ed283997f.png"
},
height: 19,
width: 56
},
k0: { height: 140 - 140 },
k1: { height: 140 - 96 },
k2: { height: 140 - 81 },
k3: { height: 140 - 73 },
k4: { height: 140 - 61 },
k5: { height: 140 - 32 },
k6: { height: 140 - 19 },
b: {
color: "#7d9dba",
fontSize: 12,
lineHeight: 20,
height: 20
}
}
},
nameTextStyle: {
fontWeight: "bold",
fontSize: 19
},
// data: this.weatherdata.weather
data: ["播种,6月上中旬", "播种-出苗,6月上中旬", "出苗-七叶,6月下旬-7月上旬", "七叶 - 拔节,7月中旬", "大喇叭口期,7月下旬", "抽雄-至今,8月上中旬", "开花期,6月上中旬"]
}
// {
// type: "category",
// inverse: true,
// position: "bottom",
// zlevel: 100,
// offset: 20,
// axisLine: {
// show: false
// },
// axisTick: {
// show: false
// },
// axisLabel: {
// interval: 0,
// width: 100,
// height: 20,
// borderWidth: 2,
// borderColor: "#fff"
// // formatter: function (value, index) {
// // return "{" + index + "| }\n{b|" + value + "}";
// // },
// },
// nameTextStyle: {
// fontWeight: "bold",
// fontSize: 19
// },
// // data: this.weatherdata.weather
// data: [1, 2, 3, 1, 2, 3, 1]
// }
],
dataGroupId: "",
animationDurationUpdate: 500,
color: ["#007fe4"],
series: [
{
type: "bar",
name: "指标二",
data: [
{
value: 10,
groupId: "692469305737625540"
},
{
value: 32,
groupId: "1248743218"
},
{
value: 24,
groupId: "1486903246635360331"
},
{
value: 61,
groupId: "692469305737625540"
},
{
value: 76,
groupId: "1248743218"
},
{
value: 56,
groupId: "1486903246635360331"
},
{
value: 18,
groupId: "1486903246635360331"
}
],
barWidth: 15,
universalTransition: {
enabled: true,
divideShape: "clone"
}
}
]
}