app.title = '世界人口总量 - 条形图';
option = {
title: {
text: '世界人口总量',
subtext: '数据来自网络'
},
visualMap: {
orient: 'horizontal',
left: 'center',
min: 10,
max: 100,
show:false,
dimension: 0,
inRange: {
color: ['#b9e1e6', '#2a676f']
}
},
xAxis: {
// show:false,
type: 'value',
axisLabel:{
// formatter:'{value}%'
formatter:''
},
axisLine:{
show:true
},
splitLine:{
show:false
},
axisTick:{
show:false
},
boundaryGap: [0, 0.01],
},
yAxis: {
type: 'category',
data: ['30%', '40%', '50%', '60%', '70%', '80%'],
splitLine: {
show: true,
lineStyle: {
type: 'dashed'
}
},
},
series: [
{
name: '2012年',
type: 'bar',
barGap:'100%',
// itemStyle:{
// normal:{
// label:{
// show:true,
// position:'left',
// formatter:function(params) {
// return params.data+"%";
// }
// }
// }
// },
barCategoryGap:'0%',
data: [30, 40, 50, 60, 70, 80]
}
]
};
Echarts - 纵向柱状图样式修改
于 2019-08-24 03:16:31 首次发布