I made the first one by myself. I want to change the title to the second style, online, etc., please ask for help
Y
js
let option = {
color: ["-sharp003366", "-sharp006699", "-sharp4cabce", "-sharpe5323e"],
title: {
show: true,
text: "us/cm",
// padding: [10],
textStyle: {
fontWeight: "normal",
color: "-sharpfff", //
fontSize: 14,
},
left: "center"
},
tooltip: {
trigger: "axis",
//
show: true,
axisPointer: {
type: "shadow"
}
},
legend: {
data: legend,
textStyle: {
color: "-sharpfff"
}
},
toolbox: {
show: true,
orient: "vertical",
left: "right",
top: "center",
feature: {
mark: {
show: true
},
dataView: {
show: true,
readOnly: false
},
magicType: {
show: true,
type: ["line", "bar", "stack", "tiled"]
},
restore: {
show: true
},
saveAsImage: {
show: true
}
}
},
calculable: true,
xAxis: [
{
type: "category",
axisLabel: {
show: true,
textStyle: {
color: "-sharpfff"
}
},
axisLine: {
lineStyle: {
color: "-sharpfff"
}
},
axisTick: {
show: false
},
data: names
}
],
yAxis: [
{
type: "value",
axisLine: {
lineStyle: {
color: "-sharpfff"
}
},
splitLine: {
lineStyle: {
color: ["-sharpfff"]
}
}
}
],
series: solumList
};