option = {
//你的代码
color: ['#00b9e2', '#ff7c27', '#e43635'],
backgroundColor: '#03102d',
tooltip: {
trigger: 'axis',
axisPointer: {
// type: 'cross',
// label: {
// backgroundColor: '#6a7985'
// },
lineStyle: {
color: "#57617B",
},
}
},
legend: {
data: ['A相', 'B相', 'C相'],
icon: "rect",
itemWidth: 14,
itemHeight: 5,
textStyle: {
color: '#fff'
},
lineStyle: {
type: 'dotted',
cap: 'square'
},
},
grid: {
top: 20,
left: '3%',
right: '7%',
bottom: '3%',
containLabel: true
},
xAxis: [
{
type: 'category',
boundaryGap: false,
data: ['06-01', '06-02', '06-03', '06-04', '06-05', '06-06', '06-07'],
axisLine: {
lineStyle: {
color: '#026fbd'
}
},
axisLabel: {
color: '#a2c6d1'
},
}
],
yAxis: [
{
type: 'value',
axisLine: {
lineStyle: {
color: '#026fbd'
}
},
axisLabel: {
color: '#a2c6d1'
},
splitLine: {
show: false
}
}
],
series: [
{
name: 'A相',
type: 'line',
smooth: true,
symbol: "circle",
showSymbol: false,
areaStyle: {
normal: {
color: new echarts.graphic.LinearGradient(
0,
0,
0,
1,
[
{ offset: 0, color: "#027da2" },
{ offset: 1, color: "#034060" },
]
)
}
},
emphasis: {
focus: 'series'
},
data: [120, 132, 256, 288, 90, 230, 210]
},
{
name: 'B相',
type: 'line',
smooth: true,
symbol: "circle",
showSymbol: false,
areaStyle: {
normal: {
color: new echarts.graphic.LinearGradient(
0,
0,
0,
1,
[
{ offset: 0, color: "#d7662e" },
{ offset: 1, color: "#4d3e39" },
]
)
}
},
emphasis: {
focus: 'series'
},
data: [220, 182, 191, 234, 290, 330, 310]
},
{
name: 'C相',
type: 'line',
smooth: true,
symbol: "circle",
areaStyle: {
normal: {
color: new echarts.graphic.LinearGradient(
0,
0,
0,
1,
[
{ offset: 0, color: "#f03537" },
{ offset: 1, color: "#37203e" },
]
)
}
},
showSymbol: false,
emphasis: {
focus: 'series'
},
data: [150, 232, 201, 154, 190, 330, 410]
}
]
};