<html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>chartjs</title></head><body> <div class="chart-container"> <canvas id="chart"></canvas> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.min.js" integrity="sha512-d9xgZrVZpmmQlfonhQUvTR7lMPtO7NkZMkA0ABN3PHCbKA5nqylQ/yWlFAyY6hYgdF1Qh6nYiuADWwKB4C2WSw==" crossorigin="anonymous"></script> <script> var ctx = document.getElementById("chart") var chart = new Chart(ctx, { type: 'horizontalBar', data:{"labels":["January","February","March","April","May","June","July"]}, options: { tooltips: { mode: 'index', axis: 'y' } } }) </script></body></html>