如下图所示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']
  },
  ......
};

Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐