JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.chartjs.org/assets/Chart.min.js"></script>
<div>
    <canvas id="shots" width="600" height="400"></canvas>
</div>

JavaScript

var shotsData = {
    labels: ["Shot 1", "Shot 2", "Shot 3", "Shot 4", "Shot 5"],
    datasets: [{data: [5, 7, 1, 4, 9]}]
};

var ctx = document.getElementById("shots").getContext("2d");

Chart.types.Line.extend({
    name: "LineAlt",
    initialize: function () {
        this.chart.ctx.beginPath();
        this.chart.ctx.moveTo(0, 5);
        this.chart.ctx.lineTo(100, 100);
        this.chart.ctx.stroke();
        
        Chart.types.Line.prototype.initialize.apply(this, arguments);
    }
});

new Chart(ctx).LineAlt(shotsData);