如何使用 echarts 库在每个条的左侧设置 x 轴刻度？

Question

我想在栏的左侧而不是在中心显示每个 x 轴刻度，但我不确定哪个设置可以帮助我解决这个问题，我尝试将boundaryGap设置为 false，但没有运气。 请注意 x 轴类型是time 。

http://jsfiddle.net/ztcyhwr9/

Answer 1

let xAxis = historyTheft.map(item => moment(item[0]).format('HH:mm'));
let series = historyTheft.map(item => item[1]);

....
option = {
   color: ["#009C95","#21ba45"],
   title : {
       text: 'Fuel History',
       textStyle: {
           fontFamily: 'lato'
       }
   },
   tooltip : {
       trigger: 'axis'
   },
   xAxis: {
       type: 'category',
       data: xAxis
   },
   yAxis : {
       type: 'value'
   },
   series : [
       {
           name:'Fuel Theft',
           type:'bar',
           itemStyle: {normal: {areaStyle: {type: 'default'}}},
           data: series
       }
   ]
}

我希望，它会对你有所帮助。