option = {
grid: {
left: '3%',
right: '3%',
top: '10%',
bottom: '10%',
containLabel: true
},
legend: {
bottom: 45,
textStyle: {
color: '#FFF',
fontSize: '16px'
},
icon: 'circle'
},
tooltip: {
trigger: 'axis'
},
xAxis: [
{
type: 'category',
axisLabel: {
align: 'center',
fontSize: 12,
color: 'red',
margin: 40,
interval: 0,
rotate: -45
},
axisLine: {
show: true,
lineStyle: {
color: '#397cbc'
}
},
axisTick: {
show: true,
alignWithLabel: true
},
splitLine: {
show: false,
lineStyle: {
color: '#195384'
}
},
data: ['12-10', '12-11', '12-12', '12-13', '12-14', '12-15', '12-16']
}
],
yAxis: [
{
type: 'value',
nameTextStyle: {
color: '#82A9EF'
},
min: 0,
axisLabel: {
formatter: '{value}',
textStyle: {
color: '#fff',
fontSize: 12
}
},
axisLine: {
show: false,
lineStyle: {
color: '#27b4c2'
}
},
axisTick: {
show: false
},
splitLine: {
show: true,
lineStyle: {
color: '#11366e'
}
}
}
],
series: [
{
name: 'SO2',
type: 'line',
symbol: 'circle',
symbolSize: 8,
data: [10, 12, 11, 14, 9, 20, 10]
},
{
name: 'NO2',
type: 'line',
symbol: 'circle',
symbolSize: 8,
data: [20, 12, 11, 20, 20, 20, 8]
},
{
name: 'CO',
type: 'line',
symbol: 'circle',
symbolSize: 8,
data: [22, 13, 12, 24, 25, 20, 8]
},
{
name: 'O3',
type: 'line',
symbol: 'circle',
symbolSize: 8,
data: [32, 13, 62, 24, 25, 20, 8]
},
{
name: 'PM10',
type: 'line',
symbol: 'circle',
symbolSize: 8,
data: [52, 13, 32, 24, 25, 20, 8]
},
{
name: 'PM2.5',
type: 'line',
symbol: 'circle',
symbolSize: 8,
data: [62, 13, 92, 24, 25, 20, 8]
}
]
}