echarts 实现横坐标只显示第一个和最后一个自定义的内容

不负当下

已于 2022-02-22 09:16:38 修改

阅读量6k

点赞数

文章标签： echarts 前端

于 2022-02-22 09:13:51 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_45272209/article/details/123060678

版权

本文介绍如何使用 Echarts 设置横坐标，只显示第一个和最后一个刻度的自定义内容，通过调整 xAxis.axisLabel 进行配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

echarts 实现横坐标只显示第一个和最后一个自定义的内容

要实现横坐标的修改则可以找到 xAxis->axisLabel

xAxis:[
   {
     axisLabel:{
         show:true,
         formatter:(_,index:number){ // 第一个参数没有用 所以用_代替
              if(index===0){ 
                  return `60s`
              }else if(index===20) // 或者是 等于 data.lenght-1(前提是数据大于1条)
                  return `0`;
         }
     }
   }
]

效果图