option = {
//你的代码
backgroundColor:'#000',
grid: {
left: '10%',
right: '10%',
top: '30%',
bottom: '13%',
containLabel: true
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
crossStyle: {
color: '#999'
},
lineStyle: {
type: 'dashed'
}
}
},
xAxis: [
{
type: 'category',
axisLabel: {
color: '#fff',
margin: 14,
textStyle:{
fontSize:14
},
interval:0,
rotate:20,
},
axisLine: {
show: true,
lineStyle: {
color: '#397cbc'
}
},
axisTick: {
show: false
},
splitLine: {
show: false,
lineStyle: {
color: '#195384'
}
},
data: ['12-10', '12-11', '12-12', '12-13', '12-14', '12-15', '12-16']
}
],
yAxis: [
{
type: 'value',
name: '人数',
nameTextStyle: {
color: '#82A9EF'
},
min: 0,
axisLabel: {
formatter: '{value}',
textStyle: {
color: '#82A9EF',
fontSize:14
}
},
axisLine: {
show: false,
lineStyle: {
color: '#27b4c2'
}
},
axisTick: {
show: false
},
splitLine: {
show: true,
lineStyle: {
color: '#11366e'
}
}
}
],
series: [
{
name: '大户',
type: 'line',
stack: '总量',
symbol: 'circle',
symbolSize: 8,
itemStyle: {
normal: {
color: '#FFFF00',
lineStyle: {
color: '#FFFF00',
width: 1
},
areaStyle: {
//color: '#94C9EC'
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
{
offset: 0,
color: 'RGBA(255, 255, 0, 0.2)'
},
{
offset: 1,
color: 'RGBA(255, 255, 0, 0.3)'
}
])
}
}
},
markPoint: {
itemStyle: {
normal: {
color: 'red'
}
}
},
data: [10, 12, 11, 14, 9, 20, 10]
},
{
name: '市中',
type: 'line',
stack: '总量',
symbol: 'circle',
symbolSize: 8,
itemStyle: {
normal: {
color: '#F64D5F',
lineStyle: {
color: '#F64D5F',
width: 1
},
areaStyle: {
//color: '#94C9EC'
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
{
offset: 0,
color: 'RGBA(246, 77, 95, 0.2)'
},
{
offset: 1,
color: 'RGBA(246, 77, 95, 0.3)'
}
])
}
}
},
data: [20, 12, 11, 20, 20, 20, 8]
}
]
};