首页 前端知识 Echarts X轴label标签文本和刻度线对齐显示,而不是呈现在两个刻度线之间

Echarts X轴label标签文本和刻度线对齐显示,而不是呈现在两个刻度线之间

2024-05-23 20:05:06 前端知识 前端哥 530 149 我要收藏

如下图所示X轴标签文本Mon位于两个刻度线中间:

 想要的效果是如下图,刻度线正下方是标签文本Mon:

 只需要在xAxis中添加axisTick的alignWithLabel属性,属性值设为true即可:

option = {
  xAxis: {
    type: 'category',
    axisTick: {
      alignWithLabel: true, // true:标签位于刻度线正下方;false:标签位于2个刻度线中间
    },
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  ......
};

转载请注明出处或者链接地址:https://www.qianduange.cn//article/9175.html
标签
评论
发布的文章

jQuery初学

2024-05-29 10:05:14

Jquery中$,web开发语言

2024-05-29 10:05:25

jQuery 实现小球撞击动画

2024-05-29 10:05:04

echarts 横向柱状图

2024-05-29 10:05:01

Echarts:读取动态数据

2024-05-29 10:05:53

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!