option = {
backgroundColor: "#1B232E",
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
},
textStyle: {
color: "rgba(255, 255, 255, 1)"
},
backgroundColor: "rgba(0, 0, 0, 0.8)",
borderColor: "rgba(219, 230, 255, 0.8)"
},
legend: {
data: [
"Ia",
"Ib",
"Ic",
],
x: "right",
textStyle: {
color: "white",
fontSize: 14
},
top: 10,
//right: 50,
itemWidth: 20,
itemHeight: 10,
itemGap: 15
},
grid: {
left: '3%',
right: '3%',
bottom: '2%',
containLabel: true
},
xAxis: [{
type: "category",
axisLabel: {
color: "#A9AEB2",
fontSize: 12
},
data: [
"01", "02", "03", "04", "05", "06", "07", "08", "09", "10",
],
axisLine: {
lineStyle: {
color: "#43485E"
}
}
}],
yAxis: [{
type: "value",
name: "V",
axisLabel: {
color: "#A9AEB2",
fontSize: 12
},
axisTick: {
show: false
},
axisLine: {
show: false,
lineStyle: {
color: "white"
}
},
nameTextStyle: {
color: "#A9AEB2",
fontSize: "12"
},
splitLine: {
show: true,
lineStyle: {
color: [
"#43485E"
],
width: 1,
type: "solid"
}
}
}],
dataZoom: [{
type: "inside",
show: true,
realtime: true,
start: 0,
end: 100
},
{
type: "slider",
realtime: true,
start: 0,
end: 100,
textStyle: {
color: "white"
},
bottom: 0,
borderColor: "#0e2038",
dataBackground: {
areaStyle: {
color: "white"
}
}
}],
series: [
{
name: 'Ia',
type: 'line',
smooth: true,
emphasis: {
focus: 'series'
},
itemStyle: {
normal: {
color: 'rgba(251, 210, 65, 1)',
lineStyle: {
color: 'rgba(251, 210, 65, 1)'
}
}
},
data: [
80, 90, 70, 60, 50, 40, 30, 50, 60, 70
],
},
{
name: 'Ib',
type: 'line',
smooth: true,
emphasis: {
focus: 'series'
},
itemStyle: {
normal: {
color: 'rgba(240, 244, 255, 1)',
lineStyle: {
color: 'rgba(240, 244, 255, 1)'
}
}
},
data: [
70, 55, 36, 55, 42, 30, 25, 24, 23, 21
],
},
{
name: 'Ic',
type: 'line',
smooth: true,
emphasis: {
focus: 'series'
},
itemStyle: {
normal: {
color: 'rgba(250, 109, 62, 1)',
lineStyle: {
color: 'rgba(250, 109, 62, 1)'
}
}
},
data: [
45, 53, 32, 29, 45, 36, 39, 34, 32, 31
],
},
]
};