echarts不能使用两个category类型的Y轴,所以用了一个value和category,但是value的不能跟另外一边对齐,想让两个Y轴的值label对齐,主要是我两个Y轴的是自定义的值
配置项如下
option = {
grid:{
left:'15%',
top:'10%',
bottom:'15%',
right:'15%'
},
xAxis : [
{
max:100,
type : 'value',
axisTick: {show: false},
axisLine: {show:false},
axisLabel: {show:false},
splitLine: {show: false}
}
],
yAxis : [
{
position: 'right',
type : 'category',
data : ['D','C','B','A','所有'],
axisTick: {show: false},
axisLine: {show: false},
splitLine:{show: false}
},
{
position: 'left',
type : 'value',
// data : ['D','C','B','A','所有'],
axisLabel:{
formatter:function(value,index){
if(index === 0){
return 'A';
}else if(index == 1){
return 'B';
}else if(index == 2){
return 'C';
}else if(index == 3){
return 'D';
}else if(index == 4){
return '所有';
}
}
},
scale:true,
axisTick: {show: false},
axisLine: {show: false},
splitLine:{show: false}
}
],
series : [
{
name:' ',
type:'bar',
barWidth:25,
label: {
normal: {
show: true,
position: 'right',
formatter: '{c}%',
}
},
data:[
{
value:55.1,
itemStyle:{
normal:{color:'#EEAF5D'}
}
},{
value: 34.1,
itemStyle:{
normal:{color:'#D2CE61'}
}
},{
value:25.6,
itemStyle:{
normal:{color:'#5CB883'}
}
},{
value: 15.9,
itemStyle:{
normal:{color:'#169E69'}
}
},{
value: 16.1,
itemStyle:{
normal:{color:"#000"}
}
}
]
}
]
};