Angular Highstock图表-我希望图表从x轴上的0%(开始)位置开始

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设置排列-希望图表从x轴的起点(最左边)开始。在下面的设置中,x轴从7月1日开始(我不需要),但我的数据中的第一个时间戳是7月10日

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值点间隔或修改函数: