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