JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.bundle.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<body>
    
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-5 col-sm-5 col-xs-5">
                col 5
            </div>
            <div class="col-md-1 col-sm-1 col-xs-1">
                <div style="height: 60vh;">
                    <canvas id="can" />
                </div>
            </div>
            <div class="col-md-6 col-sm-6 col-xs-6">
                col 6
            </div>
        </div>
    </div>

</body>
<script>
    var config = {
        type: 'bubble',
        options: {
            responsive: true,
            maintainAspectRatio: false,
            scales: {
                xAxes: [{
                    ticks: {
                        /* min: 10,
                        max: 10,
                        maxTicksLimit: 5 */
                        /*callback: function(value, index, values) {
                            return 'value is ' + value;
                        }*/
                    }
                }],
                yAxes: [{
                    display: false,
                    ticks: {
                        beginAtZero: true,


                    }
                }]
            }
        },
        data: {
            datasets: [{
                label: ['Sales'],
                data: [{
                    x: 10,
                    y: 10,
                    r: 10
                }, {
                    x: 10,
                    y: 20,
                    r: 10
                }, {
                    x: 10,
                    y: 30,
                    r: 10
                }, {
                    x: 10,
                    y: 40,
                    r: 10
                }, {
                    x: 10,
                    y: 50,
                    r: 10
            ...