堆叠图
option = {
tooltip: {
trigger: 'axis',
axisPointer: { // 坐标轴指示器，坐标轴触发有效
type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
},
show:false,
},
legend: {
data: ['PR']
},
grid: {
left: '3%',
right: '4%',
bottom: '4%',
containLabel: true
},
xAxis:[
{ data: [
'', 'HD', 'HX', 'LY', 'SD', 'QH', 'XP', 'GZ', 'YB',
'', 'HD', 'HX', 'LY', 'SD', 'QH', 'XP', 'GZ', 'YB',
'', 'HD', 'HX', 'LY', 'SD', 'QH', 'XP', 'GZ', 'YB',
'', 'HD', 'HX', 'LY', 'SD', 'QH', 'XP', 'GZ', 'YB','',
],
type: 'category',
position:'bottom',
axisLine: {
show: true,
lineStyle:{
color:'#007CD0'
}
},
axisLabel: {
interval: 0,
show: true,
textStyle: {
color: '#FFFFFF',
},
fontSize: 12,
},
axisTick: {
show: true,
length:40,
alignWithLabel:'center',
interval:function(index, value){
if(value==''){
if(index!=0&&index!=36){
return true
}
}
},
lineStyle:{
color:'#007CD0'
}
},
},
{
data: ['',''],
type: 'category',
axisLine: {
show: false
},
position:'bottom',
axisLabel: {
show: false,
},
inverse:true,
axisTick: {
show: true,
length:40,
color:'red',
interval:function(index,value){
if(index==1){
return false
}
return true
} ,
lineStyle:{
color:'#007CD0'
}
},
},
{
data: ['',''],
type: 'category',
axisLine: {
show: false
},
position:'bottom',
axisLabel: {
show: false,
},
inverse:false,
axisTick: {
show: true,
length:40,
color:'red',
interval:function(index,value){
if(index==1){
return false
}
return true
} ,
lineStyle:{
color:'#007CD0'
}
},
}
],
yAxis: [
{
type: 'value',
axisTick: {
show: false,
},
axisLine:{
show:false,
},
splitLine:{
show:false
},
axisLabel:{
formatter:function(index,value){
return value+'%'
}
}
},
{
type: 'value',
axisTick: {
show: false,
},
axisLine:{
show:false,
},
splitLine:{
show:false
}
}
],
graphic:{
elements:[
{
type:'text',
left:'20%',
bottom:'1%',
style:{
text:'19Y AVG',
font:'15px " "',
fill:'white'
}
},
{
type:'text',
left:'42%',
bottom:'1%',
style:{
text:'Oct',
font:'15px " "',
fill:'white'
}
},
{
type:'text',
left:'62%',
bottom:'1%',
style:{
text:'47Wk',
font:'15px " "',
fill:'white'
}
},
{
type:'text',
left:'83%',
bottom:'1%',
style:{
text:'30th',
font:'15px " "',
fill:'white'
}
}
]
},
series: [
{
name: 'PR',
type: 'bar',
barWidth:'50%',
itemStyle: {
normal: {
color: '#148084',
}
},
data: [
'',
{
value:5,
itemStyle:{
fontSize:12,
color:'#00b0ff'
}
}, {
value:6,
itemStyle:{
fontSize:12,
color:'#4ad2bf'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#00b0ff'
}
}, {
value:6,
itemStyle:{
fontSize:12,
color:'#4ad2bf'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#00b0ff'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#4ad2bf'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#00b0ff'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#4ad2bf'
}
},
'',
{
value:5,
itemStyle:{
fontSize:12,
color:'#00b0ff'
}
}, {
value:6,
itemStyle:{
fontSize:12,
color:'#4ad2bf'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#00b0ff'
}
}, {
value:6,
itemStyle:{
fontSize:12,
color:'#4ad2bf'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#00b0ff'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#4ad2bf'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#00b0ff'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#4ad2bf'
}
},
'',
{
value:5,
itemStyle:{
fontSize:12,
color:'#00b0ff'
}
}, {
value:6,
itemStyle:{
fontSize:12,
color:'#4ad2bf'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#00b0ff'
}
}, {
value:6,
itemStyle:{
fontSize:12,
color:'#4ad2bf'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#00b0ff'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#4ad2bf'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#00b0ff'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#4ad2bf'
}
},
'',
{
value:5,
itemStyle:{
fontSize:12,
color:'#00b0ff'
}
}, {
value:6,
itemStyle:{
fontSize:12,
color:'#4ad2bf'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#00b0ff'
}
}, {
value:6,
itemStyle:{
fontSize:12,
color:'#4ad2bf'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#00b0ff'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#4ad2bf'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#00b0ff'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#4ad2bf'
}
},
]
},
{
name: 'PR',
type: 'line',
barWidth:'25%',
itemStyle: {
normal: {
color: '#bede51',
}
},
data: [
'',
{
value:5,
itemStyle:{
fontSize:12,
color:'#00b0ff'
}
}, {
value:6,
itemStyle:{
fontSize:12,
color:'#4ad2bf'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#00b0ff'
}
}, {
value:6,
itemStyle:{
fontSize:12,
color:'#4ad2bf'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#00b0ff'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#4ad2bf'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#00b0ff'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#4ad2bf'
}
},
'',
{
value:5,
itemStyle:{
fontSize:12,
color:'#00b0ff'
}
}, {
value:6,
itemStyle:{
fontSize:12,
color:'#4ad2bf'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#00b0ff'
}
}, {
value:6,
itemStyle:{
fontSize:12,
color:'#4ad2bf'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#00b0ff'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#4ad2bf'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#00b0ff'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#4ad2bf'
}
},
'',
{
value:5,
itemStyle:{
fontSize:12,
color:'#00b0ff'
}
}, {
value:6,
itemStyle:{
fontSize:12,
color:'#4ad2bf'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#00b0ff'
}
}, {
value:6,
itemStyle:{
fontSize:12,
color:'#4ad2bf'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#00b0ff'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#4ad2bf'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#00b0ff'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#4ad2bf'
}
},
'',
{
value:5,
itemStyle:{
fontSize:12,
color:'#00b0ff'
}
}, {
value:6,
itemStyle:{
fontSize:12,
color:'#4ad2bf'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#00b0ff'
}
}, {
value:6,
itemStyle:{
fontSize:12,
color:'#4ad2bf'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#00b0ff'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#4ad2bf'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#00b0ff'
}
},{
value:6,
itemStyle:{
fontSize:12,
color:'#4ad2bf'
}
},
]
}
]
};