Highstock Chart - я хочу, чтобы график начинался с позиции 0% (начало) по оси X

Question

Я пробовал различные варианты настройки xAxis для диаграммы - хочу, чтобы диаграмма начиналась с начала оси x (слева). В следующей настройке ось x начинается 1 июля (мне это не нужно), но первая отметка времени в моих данных - 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',
                },
            },
        },

Создает следующую картинку

Как я могу переместить первые точки данных (10 июля), чтобы они появлялись / выравнивались по оси x (положение 0% оси x) - вдоль оси y?

Answer 1

Вы можете использовать функцию 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'
        }
    }
}

Демонстрация в реальном времени: http://jsfiddle.net/BlackLabel/mn75610L/

Справочник по API: https://api.highcharts.com/highcharts/yAxis.tickPositioner