echarts折线图图表,让y轴刻度显示汉字,提示框里显示数字

//在此过程我们只需考虑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

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值