Highcharts Highstock выравнивает линии сетки по оси X с центром точки данных

Я использую график Highcharts Highstock для отображения дневных данных. Вертикальные (ось X) линии сетки не совпадают с точкой данных (линия сетки находится слева от точки данных). Кто-нибудь знает, как выровнять линию сетки с точкой данных?

http://jsfiddle.net/kngz3exf/3/

Highcharts.setOptions({
    global: {
        useUTC: false
    }
});
$(function () {
    $('#container').highcharts('StockChart', {

        rangeSelector: {
            enabled: false
        },

        yAxis: {
            gridLineWidth: 0
        },

        xAxis: {
            gridLineColor: '#000000',
            gridLineWidth: 1,
            lineColor: '#000000',
            tickColor: '#000000',
            minorGridLineColor: '#000000',
            minorGridLineWidth: 1,
            minorTickColor: '#000000',
            ordinal: true,
            tickInterval: 86400000,
            minorTickInterval: 86400000
        },

        series: [{
            data:[
                [1417410000000, -0.4818850000000001],
                [1417496400000, -0.40866199999999997],
                [1417582800000, 0.20889499999999994],
                [1417669200000, -0.623542],
                [1417755600000, -0.060399999999999995],
                [1418014800000, -0.56108],
                [1418101200000, 0.30852700000000005],
                [1418187600000, -0.4492829999999999],
                [1418274000000, -0.275211],
                [1418360400000, 0.013063999999999965],
                [1418619600000, -0.27293900000000004],
                [1418706000000, 0.49981200000000003],
                [1418792400000, 0.2362090000000001],
                [1418878800000, 0.4464490000000003],
                [1418965200000, 1.2100639999999998],
                [1419224400000, -0.792635],
                [1419310800000, 0.14788899999999994],
                [1419397200000, 0.011684],
                [1419570000000, 0.08526699999999998],
                [1419829200000, -0.12494599999999997],
                [1419915600000, -0.06489100000000003],
                [1420002000000, 0.279632]
            ]
        }]
    });
});

highcharts gridlines highstock
person Michael    schedule 02.01.2015    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Вам нужно установить для useUTC значение false. Теперь ваши данные за 2 декабря отображаются на оси 2 декабря. Обратите внимание, что ваши данные не будут соответствовать всем основным отметкам — похоже, вы пропускаете выходные, но ваша ось — нет.

person wergeld    schedule 02.01.2015
comment
Хм... Кажется, не работает. Мне нужна одна вертикальная линия для каждой даты. Я хочу, чтобы точка данных каждой даты совпадала с вертикальной линией. Я установил useUTC = false, ordinal: true, а минорный и основной тиковые интервалы равны одному дню (в тиках), но это выглядит не очень хорошо — http://jsfiddle.net/kngz3exf/3/ - person Michael; 03.01.2015
comment
Изменив формат даты с тиков на Date.UTC(гггг, мм, дд), я могу совместить точку данных с вертикальной линией сетки. Осталось только не показывать вертикальную линию по выходным - http://jsfiddle.net/kngz3exf/4/< /а> - person Michael; 03.01.2015

arrow_upward
0
arrow_downward

Изменив формат даты с тиков на Date.UTC(гггг, мм, дд), я могу совместить точку данных с вертикальной линией сетки.

person Michael    schedule 08.01.2015