Bar chart won't stack

Hia,

I can't seem to get a bar chart to stack. I have copied the code from your docs and am still not able to get it working.

Thanks!

<canvas id="chart-bar-double-datasets-example"></canvas>
<script type="text/javascript">
     $(document).ready(function(){
       const dataChartBarDoubleDatasetsExample = {
         type: 'bar',
         data: {
          labels: ['Desktop', 'Mobile', 'Tablet'],
          datasets: [
            {
               label: 'Users',
               data: [510, 653, 255],
                  },
                  {
                    label: 'Page views',
                    data: [1251, 1553, 1355],
                    backgroundColor: '#94DFD7',
                    borderColor: '#94DFD7',
                  },
                ],
              },
            };
            const optionsChartBarDoubleDatasetsExample = {
              options: {
                scales: {
                  y:
                    {
                      stacked: false,
                      ticks: {
                        beginAtZero: true,
                      },
                    },
                  x:
                    {
                      stacked: false,
                    },
                },
              },
            };
            new mdb.Chart(
              document.getElementById('chart-bar-double-datasets-example'),
              dataChartBarDoubleDatasetsExample,
              optionsChartBarDoubleDatasetsExample
            );
          })
        </script>

Expected behavior Actual behavior