X轴显示在0刻度线以下,但是需要精确计算高度,如果图表高度变化需要从新计算,如果计算不出来就不要用这个方法来显示
配置项如下
option = {
title: {
text: '',
textStyle: {
fontSize: 12,
fontWeight: 'normal',
}
},
legend: {
show: true,
orient: 'vertical',
right: 0,
top: 30,
itemGap: 4,
selected: true,
data: []
},
xAxis: {
min: '0',
max: '7',
boundaryGap: true, //xAxis中的boundaryGap属性,设置为false代表是零刻度开始,设置为true代表离零刻度间隔一段距离
offset: -560, //这个距离是y轴最低与最高刻度间的距离,这个必须精确才能达到显示效果
position: 'top',
axisLine: {
onZero: true
},
name: '时间[S]',
nameGap: 6, //轴名字距离轴距离
splitLine: {
show: false
},
axisTick: {
inside: true,
},
axisLabel: {
showMinLabel: true,
showMaxLabel: false,
margin: -20
},
},
grid: {
top: '45px',
right: '70px',
bottom: '50px',
},
yAxis: {
name: '容积[L]',
nameGap: 10, //轴名字距离轴距离
// max:'5',
min: -3,
max: 3,
// max:function(value) {
// if(value.max>6){
// return 8;
// }else if(value.max>4){
// return 6;
// }else{
// return 4;
// }
// },
axisTick: {
inside: false,
// show:false,//显示轴的刻度
},
splitLine: {
show: false
},
axisLabel: {
showMaxLabel: true,
showMinLabel: true,
// show:false,//显示轴的数据
},
},
series: [{
type: 'line',
smooth: true,
symbol: 'none',
data: [[0.0,0.172],[0.01,0.172],[0.02,0.172],[0.03,0.172],[0.04,0.168],[0.05,0.158],[0.06,0.148],[0.07,0.138],[0.08,0.128],[0.09,0.118],[0.1,0.106],[0.11,0.086],[0.12,0.066],[0.13,0.046],[0.14,0.026],[0.15,0.006],[0.16,-0.007],[0.17,-0.017],[0.18,-0.027],[0.19,-0.037],[0.2,-0.047],[0.21,-0.057],[0.22,-0.067],[0.23,-0.077],[0.24,-0.087],[0.25,-0.094],[0.26,-0.094],[0.27,-0.094],[0.28,-0.092],[0.29,-0.082],[0.3,-0.072],[0.31,-0.062],[0.32,-0.052],[0.33,-0.042],[0.34,-0.032],[0.35,-0.012],[0.36,0.004],[0.37,0.014],[0.38,0.024],[0.39,0.034],[0.4,0.044],[0.41,0.054],[0.42,0.064],[0.43,0.074],[0.44,0.084],[0.45,0.094],[0.46,0.1],[0.47,0.1],[0.48,0.1],[0.49,0.098],[0.5,0.088],[0.51,0.078],[0.52,0.068],[0.53,0.062],[0.54,0.058],[0.55,0.048],[0.56,0.038],[0.57,0.028],[0.58,0.018],[0.59,0.008],[0.6,-0.001],[0.61,-0.011],[0.62,-0.021],[0.63,-0.031],[0.64,-0.041],[0.65,-0.051],[0.66,-0.061],[0.67,-0.071],[0.68,-0.081],[0.69,-0.085],[0.7,-0.085],[0.71,-0.085],[0.72,-0.085],[0.73,-0.083],[0.74,-0.073],[0.75,-0.063],[0.76,-0.053],[0.77,-0.043],[0.78,-0.031],[0.79,-0.011],[0.8,0.004],[0.81,0.014],[0.82,0.024],[0.83,0.034],[0.84,0.044],[0.85,0.054],[0.86,0.064],[0.87,0.074],[0.88,0.082],[0.89,0.082],[0.9,0.082],[0.91,0.082],[0.92,0.078],[0.93,0.068],[0.94,0.058],[0.95,0.048],[0.96,0.038],[0.97,0.028],[0.98,0.018],[0.99,0.008],[1.0,-0.005],[1.01,-0.015],[1.02,-0.025],[1.03,-0.035],[1.04,-0.045],[1.05,-0.055],[1.06,-0.065],[1.07,-0.075],[1.08,-0.085],[1.09,-0.095],[1.1,-0.105],[1.11,-0.115],[1.12,-0.125],[1.13,-0.135],[1.14,-0.143],[1.15,-0.143],[1.16,-0.143],[1.17,-0.136],[1.18,-0.126],[1.19,-0.116],[1.2,-0.096],[1.21,-0.076],[1.22,-0.056],[1.23,-0.036],[1.24,-0.016],[1.25,0.002],[1.26,0.012],[1.27,0.022],[1.28,0.032],[1.29,0.042],[1.3,0.052],[1.31,0.062],[1.32,0.072],[1.33,0.081],[1.34,0.081],[1.35,0.081],[1.36,0.078],[1.37,0.068],[1.38,0.058],[1.39,0.048],[1.4,0.038],[1.41,0.028],[1.42,0.014],[1.43,-0.003],[1.44,-0.013],[1.45,-0.023],[1.46,-0.033],[1.47,-0.043],[1.48,-0.053],[1.49,-0.063],[1.5,-0.073],[1.51,-0.083],[1.52,-0.093],[1.53,-0.103],[1.54,-0.108],[1.55,-0.108],[1.56,-0.108],[1.57,-0.108],[1.58,-0.108],[1.59,-0.098],[1.6,-0.088],[1.61,-0.078],[1.62,-0.068],[1.63,-0.058],[1.64,-0.048],[1.65,-0.028],[1.66,-0.008],[1.67,0.006],[1.68,0.016],[1.69,0.026],[1.7,0.036],[1.71,0.046],[1.72,0.056],[1.73,0.066],[1.74,0.076],[1.75,0.086],[1.76,0.086],[1.77,0.086],[1.78,0.086],[1.79,0.078],[1.8,0.068],[1.81,0.058],[1.82,0.048],[1.83,0.038],[1.84,0.028],[1.85,0.017],[1.86,-0.001],[1.87,-0.011],[1.88,-0.021],[1.89,-0.031],[1.9,-0.041],[1.91,-0.051],[1.92,-0.061],[1.93,-0.071],[1.94,-0.081],[1.95,-0.091],[1.96,-0.101],[1.97,-0.111],[1.98,-0.121],[2.87,-0.114],[2.88,-0.104],[2.89,-0.088],[2.9,-0.068],[2.91,-0.038],[2.92,-0.006],[2.93,0.033],[2.94,0.065],[2.95,0.105],[2.96,0.145],[2.97,0.185],[2.98,0.229],[2.99,0.279],[3.0,0.329],[3.01,0.379],[3.02,0.429],[3.03,0.479],[3.04,0.529],[3.05,0.579],[3.06,0.629],[3.07,0.679],[3.08,0.729],[3.09,0.779],[3.1,0.829],[3.11,0.879],[3.12,0.929],[3.13,0.979],[3.14,1.028],[3.15,1.068],[3.16,1.108],[3.17,1.148],[3.18,1.188],[3.19,1.228],[3.2,1.268],[3.21,1.301],[3.22,1.331],[3.23,1.358],[3.24,1.378],[3.25,1.398],[3.26,1.413],[3.27,1.423],[3.28,1.433],[3.29,1.434],[3.3,1.434],[3.31,1.434],[3.32,1.434],[3.33,1.434],[3.34,1.434],[3.35,1.434],[3.36,1.434],[3.37,1.434],[3.38,1.434],[3.39,1.434],[3.4,1.434],[3.41,1.429],[3.42,1.419],[3.43,1.409],[3.44,1.399],[3.45,1.379],[3.46,1.352],[3.47,1.319],[3.48,1.279],[3.49,1.239],[3.5,1.191],[3.51,1.14],[3.52,1.08],[3.53,1.02],[3.54,0.96],[3.55,0.9],[3.56,0.84],[3.57,0.78],[3.58,0.72],[3.59,0.66],[3.6,0.6],[3.61,0.54],[3.62,0.48],[3.63,0.42],[3.64,0.36],[3.65,0.3],[3.66,0.24],[3.67,0.18],[3.68,0.12],[3.69,0.06],[3.7,0.006],[3.71,-0.044],[3.72,-0.094],[3.73,-0.144],[3.74,-0.194],[3.75,-0.244],[3.76,-0.294],[3.77,-0.344],[3.78,-0.394],[3.79,-0.444],[3.8,-0.494],[3.81,-0.544],[3.82,-0.594],[3.83,-0.644],[3.84,-0.694],[3.85,-0.744],[3.86,-0.794],[3.87,-0.835],[3.88,-0.875],[3.89,-0.915],[3.9,-0.955],[3.91,-0.995],[3.92,-1.035],[3.93,-1.069],[3.94,-1.099],[3.95,-1.129],[3.96,-1.159],[3.97,-1.181],[3.98,-1.201],[3.99,-1.221],[4.0,-1.241],[4.01,-1.261],[4.02,-1.273],[4.03,-1.283],[4.04,-1.293]],
itemStyle: {
normal: {
lineStyle: {
color: '#4e66a6',
width: 1,
}
}
}}
],
};