使用chart.js的数据可视化DataTables.js

Question

I should like to be able to display my charts in response to a change in my datatables search and/or sorting as shown in this example using highcharts

Data Visualization DataTables.js using Highcharts.js.

<a href="https://codepen.io/tutsplus/pen/GMVapQ">

<div class="container">
  <table id="dt-table">
    <thead>
      <tr>
        <th>Country</th>
        <th>Population (2017)</th>
        <th>Density (P/Km²)</th>
        <th>Med. Age</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>China</td>
        <td>1,409,517,397</td>
        <td>150 </td>
        <td>37</td>
      </tr> more code on site ....

I am currently using mdbootstrap, PHP, MySQL, datatables.

Is it possible to achieve the same results using chart.js and if so are there any coding examples, or should I use this codepen example as my starting point for my chart.js visualization by changing the highcharts coding to the chart.js equivalent.

Many Thanks in advance.

Colin