Is it possible to place a chart in a card? I tried a few things and so far; it doesn't seem possible...

          <!--Grid column-->
          <div class="col-lg-6 col-md-18 mb-6">
            <div class="card">
        <div class="card-header">Header</div>
        <div class="card-body">
            <div data-mdb-chart="doughnut" data-mdb-dataset-label="Traffic" data-mdb-dataset-data="[2112, 2343, 2545]" data-mdb-dataset-background-color="['rgba(233, 30, 99, 0.5)', 'rgba(66, 73, 244, 0.4)', 'rgba(66, 133, 244, 0.2)']">
                    </div>
                </div>
        </div>
      </div>
      <!--Grid column-->