Javascript 如何使用echarts library在每个条的左侧设置x轴刻度?

Javascript 如何使用echarts library在每个条的左侧设置x轴刻度?,javascript,echarts,Javascript,Echarts,我想在条的左侧而不是中间显示每个x轴标记,但我不确定哪种设置可以帮助我实现这一点,我尝试将boundaryGap设置为false,但没有成功。请注意,x轴类型为time。 我希望,这将对您有所帮助。谢谢您的评论:)但我的问题不在于工具提示,我希望每个x轴记号都显示在条形图的左侧,而不是中间。我将改进描述OK,我得到:)。您需要修改xAxis数据和系列数据。你可以看看这个例子()是的,我看到那些例子在xAxis类型为category时起作用,但我不能让它在time数据中起作用。实际上,更准确地

我想在条的左侧而不是中间显示每个x轴标记,但我不确定哪种设置可以帮助我实现这一点,我尝试将
boundaryGap
设置为false,但没有成功。请注意,x轴类型为
time


我希望,这将对您有所帮助。

谢谢您的评论:)但我的问题不在于工具提示,我希望每个x轴记号都显示在条形图的左侧,而不是中间。我将改进描述OK,我得到:)。您需要修改
xAxis
数据和
系列
数据。你可以看看这个例子()是的,我看到那些例子在
xAxis
类型为
category
时起作用,但我不能让它在
time
数据中起作用。实际上,更准确地说,我想绘制时间间隔图,例如,今天从00:00到00:10,条形图或y值是介于0-100之间的值,这就是为什么我需要将
xAxis
勾选
显示在条形图的左侧,而不是中间。如果您知道如何解决这个问题,您可以修改我提供的JSFIDLE吗?再次感谢:)
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
       }
   ]
}