怎么让X轴左边的全年数据显示全年的内容,右边的今年数据显示今年的内容
配置项如下
var posList = [
'left', 'right', 'top', 'bottom',
'inside',
'insideTop', 'insideLeft', 'insideRight', 'insideBottom',
'insideTopLeft', 'insideTopRight', 'insideBottomLeft', 'insideBottomRight'
];
app.configParameters = {
rotate: {
min: -90,
max: 90
},
align: {
options: {
left: 'left',
center: 'center',
right: 'right'
}
},
verticalAlign: {
options: {
top: 'top',
middle: 'middle',
bottom: 'bottom'
}
},
position: {
options: echarts.util.reduce(posList, function (map, pos) {
map[pos] = pos;
return map;
}, {})
},
distance: {
min: 0,
max: 100
}
};
app.config = {
rotate: 90,
align: 'left',
verticalAlign: 'middle',
position: 'insideBottom',
distance: 15,
onChange: function () {
var labelOption = {
normal: {
rotate: app.config.rotate,
align: app.config.align,
verticalAlign: app.config.verticalAlign,
position: app.config.position,
distance: app.config.distance
}
};
app.setOption({
series: [{
label: labelOption
}, {
label: labelOption
}, {
label: labelOption
}, {
label: labelOption
}]
});
}
};
var labelOption = {
normal: {
show: true,
position: app.config.position,
distance: app.config.distance,
align: app.config.align,
verticalAlign: app.config.verticalAlign,
rotate: app.config.rotate,
formatter: '{c} {name|{a}}',
fontSize: 20,
rich: {
name: {
textBorderColor: '#fff',
textFontSize:50
}
}
}
};
option = {
color: ['#003366', '#006699', '#4cabce', '#e5323e'],
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
legend: {
data: ['全年户数', '全年贷款金额', '今日放款户数', '今日贷款金额']
},
calculable: true,
xAxis: [
{
type: 'category',
axisTick: {show: false},
data: [ '全年','今日'],
axisLabel: {
show: true,
interval: 'auto',
textStyle: {
color: '#000000',
fontFamily: 'verdana',
fontSize: 20,
fontStyle: 'normal',
fontWeight: 'bold'
}
}
}
],
yAxis: [
{
type: 'value'
}
],
series: [
{
name: '全年户数',
type: 'bar',
barGap: 0,
label: labelOption,
data: [200,200]
},
{
name: '全年贷款金额',
type: 'bar',
barGap: 0,
label: labelOption,
data: [452,200]
},
{
name: '今日放款户数',
type: 'bar',
barGap: 0,
label: labelOption,
data: [200,200]
},
{
name: '今日贷款金额',
type: 'bar',
barGap: 0,
label: labelOption,
data: [200,200]
}
]
};