Highcharts xAxis datetime на графике xrange - PullRequest
Новая
       50

Highcharts xAxis datetime на графике xrange

0 голосов
/ 04 июня 2018

Я учусь использовать старшие диаграммы и у меня есть проблема с типом xrange.Я пытаюсь отобразить простой график в div на моем веб-сайте, однако я не могу полностью увидеть график.У меня очень тяжелое время с датами и временем ... Разве это не должно автоматически настраиваться с моими данными?

У xAxis есть тип datetime и категории yAxis.Мне было интересно, может ли проблема возникнуть из моего div, но я пробовал различные размеры, и ничего не изменилось ...

Я что-то забыл?Я также пробовал разные форматы, но тщетно, я просто хочу настроить масштаб так, чтобы я мог видеть весь график

Вот мой код (сейчас он очень прост, я пытаюсь понять): 

Highcharts.chart('chart_{{ Stm.id }}_{{ rowPse.id }}', {

chart: {
    type: 'xrange'
},
title: {
    text: 'Période des données pour chaque dépôt'
},
xAxis: {
    type: 'datetime'
},
yAxis: {
    categories: [/*'Dépôt 15', 'Dépôt 16'*/],
    reversed: false
},
legend: {
    enabled: false
},
colors: ['orange'],
series: [{
    name: '',
    pointWidth: 15,
    data: [{
        x:  Date.UTC(2018, 5, 4),
        x2: Date.UTC(2018, 5, 10),
        y: 0
    }, {
        x:  Date.UTC(2018, 5, 15),
        x2: Date.UTC(2018, 5, 19),
        y: 0
    }, {
        borderColor: 'black',
        borderWidth: 1,
        color: 'rgba(255, 255, 255, 0.1)',
        x:  Date.UTC(2018, 5, 4),
        x2: Date.UTC(2018, 5, 19),
        y: 0
    }, {
        x:  Date.UTC(2018, 5, 27),
        x2: Date.UTC(2018, 6, 9),
        y: 1
    }, {
        x:  Date.UTC(2018, 6, 14),
        x2: Date.UTC(2018, 6, 21),
        y: 1
    }, {
        borderColor: 'black',
        borderWidth: 1,
        color: 'rgba(255, 255, 255, 0.1)',
        x:  Date.UTC(2018, 5, 27),
        x2: Date.UTC(2018, 6, 21),
        y: 1
    }]
}]

});

Мне очень жаль, если вопрос уже задавался, но я ничего не нашел.Я не сомневаюсь, что это глупая проблема.

Спасибо!

...