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