var legend13 = ['村级班子','村小组长'],
option = {
backgroundColor: '#081736',
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
legend: {
// data: legend13,
icon: 'circle',
itemWidth: 8,
itemHeight: 8,
top: '10%',
right:"10%",
textStyle: {
fontStyle: 'normal',
fontFamily: '微软雅黑',
fontSize: 13,
color: "#fff"
}
},
grid: {
top: '20%',
right: '5%',
left: '10%',
bottom: '15%'
},
xAxis: [{
type: 'category',
axisLabel: {
color: '#fff',
interval:0
},
axisLine: {
show: true,
lineStyle: {
color: '#0a3e98'
}
},
axisTick: {
show: false,
},
splitLine: {
show: false,
lineStyle: {
color: '#195384',
type: "dotted",
}
},
data: ['博雅社区','曹家村','城东社区','大草坝村','大东关社区','东环路社区','杜家漕村','黄家村','栗子园村','莲花池村','廉家庄村','吕家村','马家店村','庙坡村','石家庄村','五郎庙村','小东关社区','小西关村','谢家井社区','湑水村','翟家寺']
}],
yAxis: [
{
type: 'value',
name: "人",
min: 0,
position: 'left',
nameTextStyle: {
color: "#fff",
fontSize: 11,
},
axisLine: {
lineStyle: {
color: '#0a3e98'
}
},
axisTick: {
show: false,
},
splitLine: {
show: true,
lineStyle: {
color: '#0a3e98',
type: "dotted",
}
},
axisLabel: {
formatter: '{value}',
textStyle: {
color: "#fff",
}
},
},
{
type: 'value',
name: "",
min: 0,
position: 'right',
nameTextStyle: {
color: "#fff",
fontSize: 11,
},
axisLine: {
lineStyle: {
color: '#0a3e98'
}
},
axisTick: {
show: false,
},
splitLine: {
show: true,
lineStyle: {
color: '#0a3e98',
type: "dotted",
}
},
axisLabel: {
formatter: '{value}',
textStyle: {
color: "#fff",
}
},
}
],
dataZoom: [
{
show: true,
realtime: true,
start: 0,
end: 30
},
{
type: 'inside',
realtime: true,
start: 0,
end: 30
}
],
series: [
{
name: legend13[1],
type: 'bar',
// stack: 'one',
barWidth: 10, //柱子宽度
barGap: 0.3, //柱子之间间距
itemStyle: {
normal: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 0.7, [{
offset: 0,
color: "#395CFE"
},
{
offset: 1,
color: "#2EC7CF"
}
]),
barBorderRadius: 13,
}
},
// label:{
// normal: {
// show: true,
// position: "top",
// formatter: "{c}",
// color:"#fff"
// }
// },
data: [85,24,43,35,42,189,28,50,30,34,42,50,46,53,20,32,25,32,22,32,40],
},{
name: '支部委员会',
type: 'bar',
// stack: 'one',
barWidth: 10, //柱子宽度
barGap: 0.3, //柱子之间间距
itemStyle: {
normal: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 0.7, [{
offset: 0,
color: "#F7B731"
},
{
offset: 1,
color: "#FFEE96"
}
]),
barBorderRadius: 13,
}
},
// label:{
// normal: {
// show: true,
// position: "top",
// formatter: "{c}",
// color:"#fff"
// }
// },
data: [20,10,15,10,20,20,10,10,10,10,10,10,10,10,10,10,20,20,10,10,10],
},{
name: '村民委员会',
type: 'bar',
// stack: 'one',
barWidth: 10, //柱子宽度
barGap: 0.3, //柱子之间间距
itemStyle: {
normal: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 0.7, [{
offset: 0,
color: "#FA8231"
},
{
offset: 1,
color: "#FFD14C"
}
]),
barBorderRadius: 13,
}
},
// label:{
// normal: {
// show: true,
// position: "top",
// formatter: "{c}",
// color:"#fff"
// }
// },
data: [10,20,10,20,20,20,10,20,10,10,10,10,20,10,20,20,10,20,10,10,20],
},{
name: '监督委员会',
type: 'bar',
// stack: 'one',
barWidth: 10, //柱子宽度
barGap: 0.3, //柱子之间间距
itemStyle: {
normal: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 0.7, [{
offset: 0,
color: "#EB3B5A"
},
{
offset: 1,
color: "#FE9C5A"
}
]),
barBorderRadius: 13,
}
},
// label:{
// normal: {
// show: true,
// position: "top",
// formatter: "{c}",
// color:"#fff"
// }
// },
data: [20,10,20,10,10,10,10,20,10,20,10,20,20,10,20,20,10,20,20,10,20],
},
]
};