//在此过程我们只需考虑yAxis里面就可以
yAxis: {
type: "value",//类型
min: 450,//給个最小值
max: 801,//给个最大值
splitNumber: 7,//必须加将坐标轴分割成指定数量的段数
splitLine: {
lineStyle: {
type: "dashed",//虚线
},
},
axisLabel: {
lineHeight: 100,//间隔之间的距离
//formatter里进行判断,在什么数值区间,展示什么汉字
formatter: function (value) {
if (450 <= value && value <= 500) {
return "下控制线";
} else if (500 < value && value <= 550) {
return "下警告线";
} else if (550 < value && value <= 600) {
return "下辅助线";
} else if (600 < value && value <= 650) {
return "中位线";
} else if (650 < value && value <= 700) {
return "上辅助线";
} else if (700 < value && value <= 750) {
return "上警告线";
} else if (750 < value && value <= 800) {
return "上控制线";
}
},
},
boundaryGap: true,//表示是否将坐标轴的刻度与数据点对齐
},
//这样就可以纵坐标展示汉字,触摸提示框里面还是数字的情况了
//必须是这种写法450 <= value && value <= 500,用&&进行与
//如果写成这种就无法实现了450 <= value <= 500
echarts折线图图表,让y轴刻度显示汉字,提示框里显示数字
于 2023-05-28 10:55:18 首次发布