JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.6/Chart.bundle.min.js"></script>
<canvas id="myChart" width="800" height="500"></canvas>

JavaScript

var ctx = document.getElementById("myChart").getContext('2d');
var myChart = new Chart(ctx, {
    type: 'line',
    data: {
        labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
        datasets: [
            {
            fill: false,
            label: 'test',
            data: [22, 29, 33,undefined, 55, 52, 33],
            backgroundColor:["#a0aec1","#a0aec1","#a0aec1","#a0aec1","#ff4b53","#ff4b53"],
            borderWidth: 2
            
        }
        ]
    },
    options: {
        scales: {
            yAxes: [{
                ticks: {
                    beginAtZero:true
                }
            }]
        }
    }
});