纵轴左边不显示(类型为category)
配置项如下
//x,y,series数据
var xTop = ["2016/10/23\n第1次", "2016/10/23\n第2次", "2016/10/23\n第3次", "2016/10/24\n第1次", "2016/10/24\n第2次", "2016/10/24\n第3次",
"2016/10/25\n第1次", "2016/10/25\n第2次", "2016/10/25\n第3次", "2016/10/26\n第1次", "2016/10/26\n第2次", "2016/10/26\n第3次",
"2016/10/27\n第1次", "2016/10/27\n第2次", "2016/10/27\n第3次", "2016/10/28\n第1次", "2016/10/28\n第2次", "2016/10/28\n第3次",
"2016/10/29\n第1次", "2016/10/29\n第2次", "2016/10/29\n第3次", "2016/10/30\n第1次", "2016/10/30\n第2次", "2016/10/30\n第3次",
"2016/10/31\n第1次", "2016/10/31\n第2次", "2016/10/31\n第3次", "2016/11/01\n第3次", "2016/11/08\n第1次", "2016/11/08\n第2次", "2016/11/08\n第3次",
"2016/11/09\n第1次", "2016/11/09\n第2次", "2016/11/09\n第3次", "2016/11/10\n第1次", "2016/11/10\n第2次", "2016/11/10\n第3次",
"2016/11/11\n第1次", "2016/11/11\n第2次", "2016/11/11\n第3次", "2016/11/14\n第1次", "2016/11/14\n第2次", "2016/11/14\n第3次",
"2016/11/15\n第1次", "2016/11/15\n第2次", "2016/11/15\n第3次", "2016/11/16\n第1次", "2016/11/16\n第2次", "2016/11/16\n第3次",
"2016/11/17\n第1次", "2016/11/17\n第2次", "2016/11/17\n第3次"
];
var xBottom = [];
var yLeft = [];
var yRight = [];
var sData = [8.74, 9.14, 8.47, 9.04, 8.24, 8.64, 8.64, 8.91, 7.48, 9.27, 8.41, 9.14, 9.17, 8.77, 9.06, 8.47, 8.97, 8.77, 8.57, 8.97, 9.54, 8.69, 9.23, 8.24, 9.24, 9.21, 8.97, 8.87, 8.71, 8.10, 7.87, 9.01, 7.45, 7.64, 8.17, 8.76, 7.17, 7.69, 7.56, 7.89, 8.67, 8.22, 8.12, 7.53, 8.11, 7.87, 8.17];
option = {
legend: {
data: ['在控', '失控']
},
tooltip: {
trigger: 'item',
},
dataZoom: {
type: 'slider',
// start:'0',
// end:'25',
},
grid: {
show: false,
bottom: 80,
// height:'auto',
// containLabel:true
},
xAxis: [{ //x0
type: 'category',
data: xTop,
axisLabel: {
// interval:1
show: true
},
axisLine: {
lineStyle: {
color: '#008ACD'
}
},
axisLabel: {
textStyle: {
color: '#000'
}
},
}, { //x1
type: 'value',
show: false,
// splitLine: { //坐标轴在grid区域中的分割线
// show: false
// }
}],
yAxis: [{ //y0
type: 'value',
min: parseFloat(-10.72).toFixed(3),
max: parseFloat(28.560000001).toFixed(3),
position: 'right',
axisLine: {//坐标轴轴线相关设置
show:false,
// opacity:0.1
lineStyle: {
opacity: 0.1
}
},
axisTick: {//坐标轴刻度相关设置
length: 10,//刻度长度
show: false,
},
axisLabel: {//坐标轴刻度标签相关设置
show: false,
margin:28//刻度标签与轴线之间的距离
},
splitLine: { //坐标轴在grid区域中分割线
show:false,
}
}, { //y1
type: 'category',
axisLine: {
lineStyle: {
color: '#008ACD'
}
},
axisTick: {
show: false
},
axisLabel: {
textStyle: {
color: '#000'
}
},
splitLine: {
show: true,
interval: 0,
lineStyle: {
// color: [
// '#f8ac59', '#1c84c6', 'rgba(92,148,92,1)', '#1c84c6', '#f8ac59', '#ed5565', 'green'
// ],
// color:'gold',
// width: 2,
type: "broken", //虚线 dashed
}
},
data: ["", "(" + parseFloat(-5.8100000000000005).toFixed(3) + ")-3SD",
"(" + parseFloat(-0.9000000000000004).toFixed(3) + ") -2SD",
"(" + parseFloat(4.01).toFixed(3) + ") -1SD",
"(" + parseFloat(8.92).toFixed(3) + ") X",
"(" + parseFloat(13.83).toFixed(3) + ") +1SD",
"(" + parseFloat(18.740000000000002).toFixed(3) + ") +2SD",
"(" + parseFloat(23.65).toFixed(3) + ") +3SD", ""
],
}],
series: [{
name: '在控',
type: 'line',
xAxisIndex: 0,
yAxisIndex: 0,
data: sData,
showAllSymbol: 'all' //显示所有点
}, {
// name:'在控',
type: 'bar',
yAxisIndex: 1,
xAxisIndex: 1,
data: ['', '', '', '', '', '', '', '', '']
}]
}