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

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

猜你喜欢

转载自blog.csdn.net/u010234868/article/details/131476178