JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://axibase.com/atsd/atsdClient.bundle.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.bundle.min.js"></script>
<canvas id="myPieChart" width="800" height="400"></canvas>
<br/>
<canvas id="myDonutChart" width="800" height="400"></canvas>

JavaScript

function getRandomColor() {
            var letters = '0123456789ABCDEF'.split('');
            var color = '#';
            for (var i = 0; i < 6; i++) {
                color += letters[Math.floor(Math.random() * 16)];
            }
            return color;
        }
        $(document).ready(function() {
            var startTime = Date.now() - 24 * 3600 * 1000,
                endTime = Date.now();

            var postData = [{
                startTime: startTime,
                endTime: endTime,
                entity: "nurswgvml007",
                metric: "cpu_busy",
                aggregate: {
                    types: ["AVG"],
                    period: {
                        count: 1,
                        unit: "HOUR"
                    }
                }
            }, {
                startTime: startTime,
                endTime: endTime,
                entity: "nurswgvml006",
                metric: "cpu_busy",
                aggregate: {
                    types: ["AVG"],
                    period: {
                        count: 1,
                        unit: "HOUR"
                    }
                }

            }, {
                startTime: startTime,
                endTime: endTime,
                entity: "nurswgvml009",
                metric: "cpu_busy",
                aggregate: {
                    types: ["AVG"],
                    period: {
                        count: 1,
                        unit: "HOUR"
                    }
                }
            }, {
                startTime: startTime,
                endTime: endTime,
                entity: "nurswgvml003",
                metric: "cpu_busy",
                aggregate: {
                    types: ["AVG"],
                    period: {
                        count: 1,
                        unit: "HOUR"
                    }
                }
            }, {
                startTime: startTime,
                endTime: endTime,
  ...