Проблема при построении моих данных с помощью Highcharts

Question

Я реализую графику Highcharts, в частности это https://www.highcharts.com/demo/line-basic,, но мне нужно показать количество с датой, во время его выполнения это выглядит так:

Мне просто нужно показать строку, как в примере

Как я могу решить это? Я думаю, что должен быть какой-то вариант, чтобы избежать рисования таким образом

Мой код:

$.getJSON('assistants_status_by_event', function (data) {
        $('#assistants_status_by_event').highcharts({
            title: {
                text: ''
            },

            subtitle: {
                text: ''
            },
            xAxis: {
                type: 'datetime'
            },
            yAxis: {
                title: {
                    text: 'Numero de asistentes'
                }
            },
            legend: {
                layout: 'vertical',
                align: 'right',
                verticalAlign: 'middle'
            },

            plotOptions: {
                series: {
                    label: {
                        connectorAllowed: false
                    }
                }
            },

            series: [{
                type: 'area',
                name: 'Confirmados',
                data: data['confirmed'][0]['data']
            }, {
                type: 'area',
                name: 'Pendientes',
                data: data['pending'][0]['data']
            }],

            responsive: {
                rules: [{
                    condition: {
                        maxWidth: 500
                    },
                    chartOptions: {
                        legend: {
                            layout: 'horizontal',
                            align: 'center',
                            verticalAlign: 'bottom'
                        }
                    }
                }]
            }
        });
    });

Мои данные: