JSFiddle - React, Tailwind, and code Playground

by Eugen Sunic

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js"></script>
<div class="chart-container" style="height:315px">
  <canvas id="test"></canvas>
</div>

JavaScript

const obj={
    "Bob Knight": 30774.72000002,
    "Samuel Herman": 10310.61000004,
    "Lucie Perry": 26308.41,
    "Andreas Smith": 8960.189999999999,
    "Frederic Smith": 2029.5000000599998,
}

const arr= Object.entries(obj).map(x=>({'x':x[0], 'y':x[1]}))
console.log(arr)