Angular Highstock图表-我希望图表从x轴上的0%(开始)位置开始
我尝试了图表的各种xAxis设置排列-希望图表从x轴的起点(最左边)开始。在下面的设置中,x轴从7月1日开始(我不需要),但我的数据中的第一个时间戳是7月10日Angular Highstock图表-我希望图表从x轴上的0%(开始)位置开始,angular,highcharts,Angular,Highcharts,我尝试了图表的各种xAxis设置排列-希望图表从x轴的起点(最左边)开始。在下面的设置中,x轴从7月1日开始(我不需要),但我的数据中的第一个时间戳是7月10日 xAxis: { crosshair: { color: 'rgba(0,0,0,0)', zIndex: 2, }, min: timeStamp, type: 'dateti
xAxis: {
crosshair: {
color: 'rgba(0,0,0,0)',
zIndex: 2,
},
min: timeStamp,
type: 'datetime',
ordinal: false,
startOnTick: true,
minPadding: 0,
maxPadding: 0.025,
minTickInterval: 28 * 24 * 3600 * 1000,
labels: {
format: '{value:%b %Y}',
style: {
fontSize: '14px !important',
},
},
},
这将生成以下图片
如何沿y轴移动第一个数据点(7月10日)以显示/排列在x轴(x轴的0%位置)的底部?您可以使用
tickPositioner
功能以您想要的方式排列勾号:
xAxis: {
crosshair: {
color: 'rgba(0,0,0,0)',
zIndex: 2
},
startOnTick: true,
tickPositioner: function(){
var positions = [],
tickInterval = 28 * 24 * 3600 * 1000,
i = this.dataMin;
for (; i <= this.dataMax; i+= tickInterval) {
positions.push(i);
}
return positions;
},
type: 'datetime',
labels: {
format: '{value:%e %b %Y}',
style: {
fontSize: '14px'
}
}
}
xAxis:{
十字线:{
颜色:“rgba(0,0,0,0)”,
zIndex:2
},
是的,
定位器:函数(){
var头寸=[],
滴答声间隔=28*24*3600*1000,
i=this.dataMin;
对于(;我想用最少代码的stackblitz可以帮助我们解决这个问题。Genius!非常感谢。这是解决方案Ppotaczek。你解决了我的主要问题-但是,xAxis上的标签没有对齐。数据点按照我的要求向左移动,但xAxis上的标签保持在同一位置。你对此有什么建议吗?嗨,Geoff Kabule,你是need将tickInterval
变量调整为x值点间隔或修改函数: