option = {
//你的代码
backgroundColor: '#081736',
tooltip: {
trigger: 'axis',
backgroundColor: 'rgba(17,95,182,0.5)',
textStyle: {
color: "#fff"
},
axisPointer: {
type: 'shadow'
}
},
legend: {
data: ['好', '较好', '一般'],
align: 'left',
right: 50,
top: 80,
textStyle: {
color: "rgba(255,255,255,0.9)"
},
itemWidth: 15,
itemHeight: 15,
itemGap: 25,
icon: 'path://M961.3,130.5c-165.8-0.7-315.7,98.6-379.7,251.6c-64,153-29.4,329.4,87.6,447c117,117.5,293.3,152.9,446.6,89.6C1269,855.5,1369,706,1369.1,540.2C1369.3,314.6,1186.9,131.3,961.3,130.5L961.3,130.5zM961.3,740.5c-106.9,0-193.9-89.9-193.9-200.2c0-110.3,87-200.2,193.9-200.2c106.9,0,194,89.8,194,200.2S1068.1,740.5,961.3,740.5L961.3,740.5z M961.3,740.5'
},
grid: {
top: '23%',
left: '8%',
right: '8%',
bottom: '13%',
containLabel: true
},
xAxis: [{
type: 'category',
data: ['草堂镇',
'白帝镇',
'朱衣镇',
'康乐镇',
'永乐镇',
'安坪镇'
],
axisLine: {
show: false,
lineStyle: {
color: "#063374",
width: 1,
type: "solid"
}
},
axisTick: {
show: false,
},
axisLabel: {
show: true,
textStyle: {
color: 'rgba(255,255,255,0.8)',
fontSize: 14
}
},
}],
yAxis: [{
type: 'value',
axisLabel: {
formatter: '{value}',
textStyle: {
color: 'rgba(255,255,255,0.8)',
fontSize: 14
}
},
axisTick: {
show: false,
},
axisLine: {
show: false,
lineStyle: {
color: "#063374",
width: 1,
type: "solid"
},
},
splitLine: {
lineStyle: {
color: "#063374",
type: "dashed"
}
}
}],
series: [{
name: '好',
type: 'bar',
data: [90, 95, 120, 110, 98, 130],
barWidth: 14, //柱子宽度
barGap: 1, //柱子之间间距
itemStyle: {
normal: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: '#00FFB4'
}, {
offset: 1,
color: 'rgba(0, 255, 255, 0.1)',
}]),
opacity: 1,
barBorderRadius: [30,30,0,0],
}
}
}, {
name: '较好',
type: 'bar',
data: [22, 20, 25, 28, 25, 22],
barWidth: 14,
barGap: 1,
itemStyle: {
normal: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: '#0291FF'
}, {
offset: 1,
color: 'rgba(12, 135, 230, 0.1)'
}]),
opacity: 1,
barBorderRadius: [30,30,0,0],
}
}
}, {
name: '一般',
type: 'bar',
data: [17, 18, 13, 18, 13, 17],
barWidth: 14,
barGap: 1,
itemStyle: {
normal: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: '#FEC060'
}, {
offset: 1,
color: 'rgba(254, 192, 96, 0.1)'
}]),
opacity: 1,
barBorderRadius: [30,30,0,0],
},
}
}]
};