​

const chart = document.getElementById('chart-async-data-example');

const chartInstance = new mdb.Chart(chart, { type: 'bar' });

$(document).ready(function() {

    $("#dateSelect").change(function() {

        var dateSelect = $("#dateSelect").val();

        $.ajax({

            url: `https://api.covid19api.com/total/country/poland/status/confirmed?from=2020-10-01T00:00:00Z&to=2020-12-01T00:00:00Z`,

            type: 'get',

            data: {

                dateSelect: dateSelect

            },

            dataType: 'json',

            success: function(result) {

                const dataset = result.map((obj) => obj['Cases']);

                const labels = result.map((obj) => obj['Date'].substr(0, 10));

                console.log(result);

                console.log(chartInstance);

                chartInstance.update({

      labels,

      datasets: [

        {

          color: '#FFCDD2',

          data: dataset,

          label: 'Number of cases',

          pointRadius: 0,

          borderColor: dataset.color,

        },

      ],

    });

            }

        });

    });

});

​