Webサイトで横軸を日付，縦軸を時間にした棒グラフをchartjsで作成したい

Laravelを使用してWebサイトを作成しています．
その中で横軸を日付，縦軸を時間にした棒グラフを描画したいと思っています．
以下のExcelで作成したような棒グラフを目指しており,使用するデータはjavascriptの配列で持っています．
このような時間を縦軸にしたグラフを描画することができるjavascriptのグラフライブラリはありますでしょうか？

javascript
1var data_array = ["04:39:08", "04:19:01", "06:58:21", "04:54:12", "03:18:22", "05:23:11", "02:34:22"];

追記：2018/8/23
chartjsを使用して描画を試しましたがグラフが白紙の状態になってしまいました．

javascript
1<script>
2                    var data_array = ["04:39:08", "04:19:01", "06:58:21", "04:54:12", "03:18:22", "05:23:11", "02:34:22"]; /*phpからもらったjson形式の時間データを配列に*/
3                    var date_array = ["2018-08-20","2018-08-21","2018-08-22","2018-08-23","2018-08-24","2018-08-25","2018-08-26"];
4
5                    var barChartData = {
6                        labels : date_array,
7                        datasets : [
8                            {
9                                fillColor : /*"#d685b0"*/"rgba(214,133,176,0.7)",
10                                strokeColor : /*"#d685b0"*/"rgba(214,133,176,0.7)",
11                                highlightFill: /*"#eebdcb"*/"rgba(238,189,203,0.7)",
12                                highlightStroke: /*"#eebdcb"*/"rgba(238,189,203,0.7)",
13                                data : data_array
14                            }
15                        ]
16
17                    }
18                    window.onload = function(){
19                        var ctx = document.getElementById("chart").getContext("2d");
20                        window.myBar = new Chart(ctx).Bar(barChartData, {
21                            responsive : true
22                        });
23                    }
24                </script>