配置项如下
option = {
title: {
x: 'center',
top: "20",
textStyle: {
color: '#fff',
fontSize: 12
}
},
color: ["#ed9d3c",'#4fd7fd'],
tooltip : {
trigger: 'axis',
axisPointer : { // 坐标轴指示器,坐标轴触发有效
type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
}
},
legend: {
selectedMode:false,//取消图例上的点击事件
data:['系统外部','系统内部'],
textStyle: {
fontSize: '12',
color:'#fff'
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis : [
{
type : 'category',
data : ['K4310','K43102','K52001','H2021','H2021'],
axisLabel: {
rotate:45,//斜体字可不用
textStyle: {
fontSize: '12',
color:'#fff'
}
},
}
],
yAxis : [
{
type : 'value',
minInterval:100,//设置左侧Y轴最小刻度
splitLine: {
lineStyle: {
type: 'dashed',
color: 'rgba(135,140,147,0.8)'
}
},//设置横线样式
axisLabel: {
textStyle: {
fontSize: '12',
color:'#fff'
}
},
}
],
series : [
{
name:'系统外部',
type:'bar',
stack: '排名',
data:[120, 132, 101, 134, 90],
barWidth:0,
show:false,
},
{
name:'系统内部',
type:'line',
symbolSize: 0, // 去掉点的显示
data:[220, 182, 191, 234, 290],
barWidth:8,
lineStyle: {
width: 0, // 线宽是0
color: 'rgba(0, 0, 0, 0)' // 线的颜色是透明的
}
},
]
};