我想要的是 第一条折线在第1,3,5 的柱状图中心位置 第二条折线在2,4,6的柱状图中心位置
配置项如下
option = {
tooltip: {
show: false,
trigger: 'axis',
axisPointer: { // 坐标轴指示器,坐标轴触发有效
type: 'shadow' // 默认为直线,可选为:'line' | 'shadow'
}
},
legend: {
data: ['WIFI', '内置应用', '系统设置', '建议与咨询', '用户反馈率']
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: [{
type: 'category',
data: ['最新版本-2', '最新版本-1', '最新版本']
},{
show: false,
type: 'category',
data: ['最新版本-2','最新版本-2', '最新版本-1', '最新版本-1','最新版本','最新版本']
}],
yAxis: [{
type: 'value',
axisLabel: {
formatter: '{value}%'
}
}, ],
series: [{
name: 'WIFI',
type: 'bar',
stack: 'ONE',
itemStyle: {
normal: {
label: {
show: true,
position: 'inside',
formatter: function(params) {
return params.seriesName + '\n' + params.value + "%";
}
}
}
},
barWidth: 80,
data: [100, 90, 70]
}, {
name: '内置应用',
type: 'bar',
stack: 'ONE',
itemStyle: {
normal: {
label: {
show: true,
position: 'inside',
formatter: function(params) {
return params.seriesName + '\n' + params.value + "%";
}
}
}
},
data: [80, 70, 50]
}, {
name: '系统设置',
type: 'bar',
stack: 'ONE',
itemStyle: {
normal: {
label: {
show: true,
position: 'inside',
formatter: function(params) {
return params.seriesName + '\n' + params.value + "%";
}
}
}
},
barWidth: 80,
data: [70, 50, 30]
}, {
name: '建议与咨询',
type: 'bar',
stack: 'ONE',
itemStyle: {
normal: {
label: {
show: true,
position: 'inside',
formatter: function(params) {
return params.seriesName + '\n' + params.value + "%";
}
}
}
},
barWidth: 80,
data: [50, 40, 20]
}, {
name: '',
type: 'bar',
stack: 'ONE',
itemStyle: {
normal: {
label: {
show: true,
position: 'top',
formatter: "ONE",
textStyle: {
color: "#110600",
fontStyle: 'italic',
fontSize: 16
}
}
}
},
barWidth: 80,
data: [0, 0, 0]
}, {
name: 'WIFI',
type: 'bar',
stack: 'TWO',
itemStyle: {
normal: {
label: {
show: true,
position: 'inside',
formatter: function(params) {
return params.seriesName + '\n' + params.value + "%";
}
}
}
},
barWidth: 80,
data: [90, 80, 60]
}, {
name: '内置应用',
type: 'bar',
stack: 'TWO',
itemStyle: {
normal: {
label: {
show: true,
position: 'inside',
formatter: function(params) {
return params.seriesName + '\n' + params.value + "%";
}
}
}
},
barWidth: 80,
data: [70, 60, 40]
}, {
name: '系统设置',
type: 'bar',
stack: 'TWO',
itemStyle: {
normal: {
label: {
show: true,
position: 'inside',
formatter: function(params) {
return params.seriesName + '\n' + params.value + "%";
}
}
}
},
barWidth: 80,
data: [50, 40, 30]
}, {
name: '建议与咨询',
type: 'bar',
stack: 'TWO',
itemStyle: {
normal: {
label: {
show: true,
position: 'inside',
formatter: function(params) {
return params.seriesName + '\n' + params.value + "%";
}
}
}
},
barWidth: 80,
data: [40, 30, 20]
}, {
name: '',
type: 'bar',
stack: 'TWO',
itemStyle: {
normal: {
label: {
show: true,
position: 'top',
formatter: "TWO",
textStyle: {
color: "#110600",
fontStyle: 'italic',
fontSize: 16
}
}
}
},
data: [0, 0, 0]
}, {
name: '用户反馈率',
type: 'line',
xAxisIndex: 1,
lineStyle: {
normal: {
type: 'dashed',
//color: this.color[1]
}
},
smooth: false,
connectNulls: true,
data: [300,'-', 250,'-', 170,'-'],
}, {
name: '用户反馈率',
type: 'line',
lineStyle: {
normal: {
type: 'dashed',
//color: this.color[2]
}
},
xAxisIndex: 1,
smooth: false,
connectNulls: true,
data: [ '-',250, '-',210,'-', 150]
}]
};