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