<div class="container">
    <div class="row">
        <div class="col-12">
            <div id="chart" style="min-height: 480px;"></div>
        </div>
    </div>
</div>

    let options = {
        series: [
            {
                data: [
                    {
                        "x": "L.Markkanen [F-C]",
                        "y": [
                            946645200,
                            946645678
                        ],
                        "fillColor": "#008FFB"
                    },
                    {
                        "x": "J.Allen [C]",
                        "y": [
                            946645200,
                            946645678
                        ],
                        "fillColor": "#008FFB"
                    },
                    {
                        "x": "D.Garland [G]",
                        "y": [
                            946645200,
                            946645678
                        ],
                        "fillColor": "#008FFB"
                    },
                    {
                        "x": "L.Stevens [F]",
                        "y": [
                            946645200,
                            946645544
                        ],
                        "fillColor": "#008FFB"
                    },
                    {
                        "x": "E.Mobley [C]",
                        "y": [
                            946645200,
                            946645544
                        ],
                        "fillColor": "#008FFB"
                    },
                    {
                        "x": "K.Love [F-C]",
                        "y": [
                            946645544,
                            946646149
                        ],
                        "fillColor": "#008FFB"
                    },
                    {
                        "x": "C.Osman [F]",
                        "y": [
                            946645544,
                            946646149
                        ],
                        "fillColor": "#008FFB"
                    },
                    {
                        "x": "R.Rondo [G]",
                        "y": [
                            946645678,
                            946646297
                        ],
                        "fillColor": "#008FFB"
                    },
                    {
                        "x": "E.Mobley [C]",
                        "y": [
                            946645678,
                            946646149
                        ],
                        "fillColor": "#008FFB"
                    },
                    {
                        "x": "D.Windler [G-F]",
                        "y": [
                            946645678,
                            946646149
                        ],
                        "fillColor": "#008FFB"
                    },
                    {
                        "x": "D.Garland [G]",
                        "y": [
                            946646149,
                            946647288
                        ],
                        "fillColor": "#008FFB"
                    },
                    {
                        "x": "L.Stevens [F]",
                        "y": [
                            946646149,
                            946646981
                        ],
                        "fillColor": "#008FFB"
                    },
                    {
                        "x": "J.Allen [C]",
                        "y": [
                            946646149,
                            946647104
                        ],
                        "fillColor": "#008FFB"
                    },
                    {
                        "x": "L.Markkanen [F-C]",
                        "y": [
                            946646149,
                            946646981
                        ],
                        "fillColor": "#008FFB"
                    },
                    {
                        "x": "C.Osman [F]",
                        "y": [
                            946646297,
                            946646640
                        ],
                        "fillColor": "#008FFB"
                    },
                    {
                        "x": "E.Mobley [C]",
                        "y": [
                            946646640,
                            946646981
                        ],
                        "fillColor": "#008FFB"
                    },
                    {
                        "x": "C.Osman [F]",
                        "y": [
                            946646981,
                            946647222
                        ],
                        "fillColor": "#008FFB"
                    },
                    {
                        "x": "K.Love [F-C]",
                        "y": [
                            946646981,
                            946647222
                        ],
                        "fillColor": "#008FFB"
                    },
                    {
                        "x": "R.Rondo [G]",
                        "y": [
                            946646981,
                            946648080
                        ],
                        "fillColor": "#008FFB"
                    },
                    {
                        "x": "E.Mobley [C]",
                        "y": [
                            946647104,
                            946648080
                        ],
                        "fillColor": "#008FFB"
                    },
                    {
                        "x": "L.Stevens [F]",
                        "y": [
                            946647222,
                            946648080
                        ],
                        "fillColor": "#008FFB"
                    },
                    {
                        "x": "D.Windler [G-F]",
                        "y": [
                            946647222,
                            946647724
                        ],
                        "fillColor": "#008FFB"
                    },
                    {
                        "x": "L.Markkanen [F-C]",
                        "y": [
                            946647288,
                            946647724
                        ],
                        "fillColor": "#008FFB"
                    },
                    {
                        "x": "D.Garland [G]",
                        "y": [
                            946647724,
                            946648080
                        ],
                        "fillColor": "#008FFB"
                    },
                    {
                        "x": "J.Allen [C]",
                        "y": [
                            946647724,
                            946648080
                        ],
                        "fillColor": "#008FFB"
                    },
                    {
                        "x": "K.Looney [F]",
                        "y": [
                            946645200,
                            946645678
                        ],
                        "fillColor": "#00E396"
                    },
                    {
                        "x": "D.Green [F]",
                        "y": [
                            946645200,
                            946645207
                        ],
                        "fillColor": "#00E396"
                    },
                    {
                        "x": "K.Thompson [G]",
                        "y": [
                            946645200,
                            946645463
                        ],
                        "fillColor": "#00E396"
                    },
                    {
                        "x": "S.Curry [G]",
                        "y": [
                            946645200,
                            946645759
                        ],
                        "fillColor": "#00E396"
                    },
                    {
                        "x": "A.Wiggins [F]",
                        "y": [
                            946645200,
                            946645769
                        ],
                        "fillColor": "#00E396"
                    },
                    {
                        "x": "J.Toscano-Ande [F]",
                        "y": [
                            946645207,
                            946645544
                        ],
                        "fillColor": "#00E396"
                    },
                    {
                        "x": "J.Poole [G]",
                        "y": [
                            946645463,
                            946645909
                        ],
                        "fillColor": "#00E396"
                    },
                    {
                        "x": "A.Iguodala [G-F]",
                        "y": [
                            946645544,
                            946646149
                        ],
                        "fillColor": "#00E396"
                    },
                    {
                        "x": "N.Bjelica [F]",
                        "y": [
                            946645678,
                            946645909
                        ],
                        "fillColor": "#00E396"
                    },
                    {
                        "x": "G.Payton II [G]",
                        "y": [
                            946645759,
                            946646297
                        ],
                        "fillColor": "#00E396"
                    },
                    {
                        "x": "O.Porter Jr. [F]",
                        "y": [
                            946645769,
                            946645909
                        ],
                        "fillColor": "#00E396"
                    },
                    {
                        "x": "J.Toscano-Ande [F]",
                        "y": [
                            946645909,
                            946645920
                        ],
                        "fillColor": "#00E396"
                    },
                    {
                        "x": "K.Looney [F]",
                        "y": [
                            946645909,
                            946645920
                        ],
                        "fillColor": "#00E396"
                    },
                    {
                        "x": "A.Wiggins [F]",
                        "y": [
                            946645909,
                            946645920
                        ],
                        "fillColor": "#00E396"
                    },
                    {
                        "x": "N.Bjelica [F]",
                        "y": [
                            946645920,
                            946646179
                        ],
                        "fillColor": "#00E396"
                    },
                    {
                        "x": "S.Curry [G]",
                        "y": [
                            946645920,
                            946646297
                        ],
                        "fillColor": "#00E396"
                    },
                    {
                        "x": "O.Porter Jr. [F]",
                        "y": [
                            946645920,
                            946646149
                        ],
                        "fillColor": "#00E396"
                    },
                    {
                        "x": "A.Wiggins [F]",
                        "y": [
                            946646149,
                            946647104
                        ],
                        "fillColor": "#00E396"
                    },
                    {
                        "x": "J.Toscano-Ande [F]",
                        "y": [
                            946646149,
                            946646377
                        ],
                        "fillColor": "#00E396"
                    },
                    {
                        "x": "K.Looney [F]",
                        "y": [
                            946646179,
                            946647104
                        ],
                        "fillColor": "#00E396"
                    },
                    {
                        "x": "O.Porter Jr. [F]",
                        "y": [
                            946646297,
                            946646640
                        ],
                        "fillColor": "#00E396"
                    },
                    {
                        "x": "J.Poole [G]",
                        "y": [
                            946646297,
                            946646492
                        ],
                        "fillColor": "#00E396"
                    },
                    {
                        "x": "K.Thompson [G]",
                        "y": [
                            946646377,
                            946646891
                        ],
                        "fillColor": "#00E396"
                    },
                    {
                        "x": "S.Curry [G]",
                        "y": [
                            946646492,
                            946647222
                        ],
                        "fillColor": "#00E396"
                    },
                    {
                        "x": "J.Toscano-Ande [F]",
                        "y": [
                            946646640,
                            946646981
                        ],
                        "fillColor": "#00E396"
                    },
                    {
                        "x": "J.Poole [G]",
                        "y": [
                            946646891,
                            946647360
                        ],
                        "fillColor": "#00E396"
                    },
                    {
                        "x": "A.Iguodala [G-F]",
                        "y": [
                            946646981,
                            946647724
                        ],
                        "fillColor": "#00E396"
                    },
                    {
                        "x": "G.Payton II [G]",
                        "y": [
                            946647104,
                            946647735
                        ],
                        "fillColor": "#00E396"
                    },
                    {
                        "x": "O.Porter Jr. [F]",
                        "y": [
                            946647104,
                            946647576
                        ],
                        "fillColor": "#00E396"
                    },
                    {
                        "x": "N.Bjelica [F]",
                        "y": [
                            946647222,
                            946647501
                        ],
                        "fillColor": "#00E396"
                    },
                    {
                        "x": "S.Curry [G]",
                        "y": [
                            946647360,
                            946647724
                        ],
                        "fillColor": "#00E396"
                    },
                    {
                        "x": "K.Thompson [G]",
                        "y": [
                            946647501,
                            946647919
                        ],
                        "fillColor": "#00E396"
                    },
                    {
                        "x": "A.Wiggins [F]",
                        "y": [
                            946647576,
                            946648080
                        ],
                        "fillColor": "#00E396"
                    },
                    {
                        "x": "K.Looney [F]",
                        "y": [
                            946647724,
                            946648080
                        ],
                        "fillColor": "#00E396"
                    },
                    {
                        "x": "J.Poole [G]",
                        "y": [
                            946647724,
                            946648080
                        ],
                        "fillColor": "#00E396"
                    },
                    {
                        "x": "J.Toscano-Ande [F]",
                        "y": [
                            946647735,
                            946647936
                        ],
                        "fillColor": "#00E396"
                    },
                    {
                        "x": "S.Curry [G]",
                        "y": [
                            946647919,
                            946648080
                        ],
                        "fillColor": "#00E396"
                    },
                    {
                        "x": "A.Iguodala [G-F]",
                        "y": [
                            946647936,
                            946648080
                        ],
                        "fillColor": "#00E396"
                    }
                ]
            }
        ],
        chart: {
            height: 420,
            width: 850,
            type: 'rangeBar'
        },
        plotOptions: {
            bar: {
                horizontal: true
            }
        }, tooltip: {
            enabled: true,
            x: {
                show: true,
                formatter: function (value, timestamp) {
                    function format_time(s) {
                        return new Date(s * 1e3).toISOString().slice(-10, -5);
                    }

                    let date = new Date(value);
                    if (date instanceof Date && !isNaN(date.valueOf())) {
                        return format_time(value);
                    }
                }
            }
        },
        xaxis: {
            min: '946645200',//00:00:00
            max: '946648080',//00:48:00
            tickAmount: 8,
            type: 'datetime',
            labels: {
                formatter: function (value, timestamp) {
                    function format_time(s) {
                        return new Date(s * 1e3).toISOString().slice(-10, -8);
                    }

                    return format_time(value) + "m";
                }
            }
        }
    };

    let chart = new ApexCharts(document.querySelector("#chart"), options);
    chart.render();