配置项如下
options=[{
backgroundColor:'#FFFFFF',
title: {
text: '投诉举报接收渠道趋势分析',
subtext: '投诉举报信息接收渠道的业务发展情况'
},
tooltip: {
trigger: 'axis'
},
legend: {
data:['电话']
},
grid: {
left: '3%',
right: '5%',
top:'22%',
bottom: '10%',
containLabel: true
},
toolbox: {
feature: {
saveAsImage: {}
}
},
xAxis: {
type: 'category',
boundaryGap: false,
data: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
},
yAxis: {
name: '投诉举报信息收件数',
type: 'value',
splitLine: {show: false},
min: 0,
max: 10000,
interval: 2000,
},
series: [
{
name:'电话',
color: ['#d82c26'],
type:'line',
itemStyle : {
normal : {
lineStyle:{
width:5,//折线宽度
},
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
offset: 1,
color: '#fbfa96' // 0% 处的颜色
}, {
offset: 0,
color: '#f72806' // 100% 处的颜色
}], false),
opacity: 0.4
}
},
data:[4600, 3700, 2400, 4004, 1200, 3002, 6000, 3002, 801, 4088, 1203, 3321]
}
]
},{
backgroundColor:'#FFFFFF',
title: {
text: '投诉举报接收渠道趋势分析',
subtext: '投诉举报信息接收渠道的业务发展情况'
},
tooltip: {
trigger: 'axis'
},
legend: {
data:['网络']
},
grid: {
left: '3%',
right: '5%',
top:'22%',
bottom: '10%',
containLabel: true
},
toolbox: {
feature: {
saveAsImage: {}
}
},
xAxis: {
type: 'category',
boundaryGap: false,
data: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
},
yAxis: {
name: '投诉举报信息收件数',
type: 'value',
splitLine: {show: false},
min: 0,
max: 10000,
interval: 2000,
},
series: [
{
name:'网络',
type:'line',
itemStyle : {
normal : {
lineStyle:{
width:5,//折线宽度
},
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
offset: 1,
color: '#0eb92e' // 0% 处的颜色
}, {
offset: 0,
color: '#f0e242' // 100% 处的颜色
}], false),
opacity: 0.4
}
},
data:[1600, 1000, 800, 400,7500,600,1003,1006,5008,6002,1006,3006]
}
]
},{
backgroundColor:'#FFFFFF',
title: {
text: '投诉举报接收渠道趋势分析',
subtext: '投诉举报信息接收渠道的业务发展情况'
},
tooltip: {
trigger: 'axis'
},
legend: {
data:['信件']
},
grid: {
left: '3%',
right: '5%',
top:'22%',
bottom: '10%',
containLabel: true
},
toolbox: {
feature: {
saveAsImage: {}
}
},
xAxis: {
type: 'category',
boundaryGap: false,
data: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
},
yAxis: {
name: '投诉举报信息收件数',
type: 'value',
splitLine: {show: false},
min: 0,
max: 10000,
interval: 2000,
},
series: [
{
name:'信件',
color: ['#1ac52e'],
type:'line',
itemStyle : {
normal : {
lineStyle:{
width:5,//折线宽度
},
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
offset: 1,
color: '#2bc5f2' // 0% 处的颜色
}, {
offset: 0,
color: '#1ec23d' // 100% 处的颜色
}], false),
opacity: 0.4
}
},
data:[600, 700, 2100, 4000, 2008, 4300,878, 5612, 6564, 3774, 2413, 1021]
}
]
},{
backgroundColor:'#FFFFFF',
title: {
text: '投诉举报接收渠道趋势分析',
subtext: '投诉举报信息接收渠道的业务发展情况'
},
tooltip: {
trigger: 'axis'
},
legend: {
data:['走访']
},
grid: {
left: '3%',
right: '5%',
top:'22%',
bottom: '10%',
containLabel: true
},
toolbox: {
feature: {
saveAsImage: {}
}
},
xAxis: {
type: 'category',
boundaryGap: false,
data: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
},
yAxis: {
name: '办理事项数',
type: 'value',
splitLine: {show: false},
min: 0,
max: 10000,
interval: 2000,
},
series: [
{
name:'走访',
color: ['#337ae4'],
type:'line',
itemStyle : {
normal : {
lineStyle:{
width:5,//折线宽度
},
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
offset: 1,
color: '#f22be6' // 0% 处的颜色
}, {
offset: 0,
color: '#2ba9f2' // 100% 处的颜色
}], false),
opacity: 0.4
}
},
data:[1200, 500, 8006, 4777,4878,3122,1003,600,5808,1002,3076,6005]
}
]
}, {
backgroundColor:'#FFFFFF',
title: {
text: '投诉举报接收渠道趋势分析',
subtext: '投诉举报信息接收渠道的业务发展情况'
},
tooltip: {
trigger: 'axis'
},
legend: {
data:['其他']
},
grid: {
left: '3%',
right: '5%',
top:'22%',
bottom: '10%',
containLabel: true
},
toolbox: {
feature: {
saveAsImage: {}
}
},
xAxis: {
type: 'category',
boundaryGap: false,
data: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
},
yAxis: {
name: '办理事项数',
type: 'value',
splitLine: {show: false},
min: 0,
max: 10000,
interval: 2000,
},
series: [
{
name:'其他',
color: ['#337ae4'],
type:'line',
itemStyle : {
normal : {
lineStyle:{
width:5,//折线宽度
},
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
offset: 1,
color: '#B91362' // 0% 处的颜色
}, {
offset: 0,
color: '#F075AF' // 100% 处的颜色
}], false),
opacity: 0.4
}
},
data:[1200, 800, 6006, 5777,6878,7122,5003,6600,5808,7002,3076,6005]
}
]
}]