JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.js"></script>

<canvas id="pctdiv" class="graph_view" height="50"></canvas>

JavaScript

var PCTCtx = document.getElementById("pctdiv").getContext("2d");

       var PCTChart = new Chart(PCTCtx, {
            type: 'bar',
            data: {
                datasets: [{
                    label: 'Bar Dataset',
                    data: [100, 70, 60, 40],
                    backgroundColor: ['red', 'red', 'red', 'red']
                }, {
                    label: 'Line Dataset',
                    data: [50, 50, 50, 50],
                    fill: false,
                    backgroundColor: ['#000000', '#000000', '#000000', '#000000'],
                    // Changes this dataset to become a line
                    type: 'line'
                }],
                labels: ['January', 'February', 'March', 'April']
            },
            options:  {
                        scales: {
                            yAxes: [{
                                ticks: {
                                    beginAtZero: true
                                },
                                gridLines: {
                                    display: false
                                }
                            }],
                            xAxes: [{
                                barThickness: 35,
                                gridLines: {
                                    display: false
                                }
                            }]
                        }
                    }
        });
        PCTChart.data.datasets[1].borderColor = '#000000';
        PCTChart.update();