Highcharts Gantt не показывает ВСЕ пустые строки - PullRequest
Новая
       12

Highcharts Gantt не показывает ВСЕ пустые строки

0 голосов
/ 05 февраля 2020

Я пытаюсь создать расписание Ганта. Я основал этот пример на примере управления ресурсами. Пока много хороших вещей! У меня есть несколько проблем, для которых я буду делать отдельные сообщения.

Первая проблема заключается в том, что Гант скрывает пустые строки после последней строки, в которой есть данные. В этом примере вы можете видеть, что последняя строка, видимая в Gantt, предназначена для «TestPump | TestZone5». Однако, если вы посмотрите на данные, есть пустые строки для «TestPump | TestZone6», «TestPump | TestZone» и «TestPumpExtra».

Я бы хотел, чтобы эти пустые строки отображались. Если я перемещу последнюю строку данных, все, что будет после, не будет отображено.

Вот скрипка: https://jsfiddle.net/eddiem9/h9qw5rsj/15/

chart = Highcharts.ganttChart('container', {
    series: series,
    scrollablePlotArea: {
        minHeight: 700
    },
    plotOptions: {
        series: {
            color: '#FF0000'
        }
    },
    scrollbar: {
        enabled: true
    },
    title: {
        text: 'Irrigation Schedule',
        style: {
            color: '#000000',
            fontWeight: 'bold',
            fontSize: '24px'
        }
    },

    tooltip: {
        pointFormat: '<span>Schedule: {point.schedule}</span><br/><span>From: {point.start:%m/%d %H:%M}</span><br/><span>To: {point.end:%m/%d %H:%M}</span>'
    },
    xAxis:
    [{
            labels: {
                format: '{value:%H}' // hour of the day (not working)
            },
            tickInterval: 1000 * 60 * 60, // HOUR
        }, {
            labels: {
                format: '{value:%B %e}' // day name of the week
            },
            tickInterval: 1000 * 60 * 60 * 24, // Day
        }

    ],
    yAxis: {
        type: 'category',
        grid: {
            columns: [{
                    title: {
                        text: 'Pump'
                    },
                    categories: map(series, function (s) {
                        return s.PumpName;
                    })
                }, {
                    title: {
                        text: 'Zone'
                    },
                    categories: map(series, function (s) {
                        return s.IrrigationZoneName;
                    })
                }, {
                    title: {
                        text: 'Status'
                    },
                    categories: map(series, function (s) {
                        return s.CurrentStatus;
                    })
                }
            ]
        }
    }

})

Заранее спасибо!

Edd ie

1 Ответ

0 голосов
/ 05 февраля 2020

Использование max свойство: 

yAxis: {
    max: 33,
    ...
}

Демонстрационная версия: https://jsfiddle.net/BlackLabel/uty80hfj/

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

...