Google chart

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="myChart" style="width: 700px; height: 400px;"></div>

JavaScript

google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
      // 1. Define your data using google.visualization.arrayToDataTable() or other methods.
      const data = google.visualization.arrayToDataTable([
        ['Year', 'Sales', 'Expenses'],
        ['2014', 1000, 400],
        ['2015', 1170, 460],
        ['2016', 660, 1120],
        ['2017', 1030, 540]
      ]);

      // 2. Set chart options (title, colors, etc.).
      const options = {
        title: 'Company Performance',
        curveType: 'function',
        legend: { position: 'bottom' }
      };

      // 3. Create a chart object and draw it.
      const chart = new google.visualization.ColumnChart(document.getElementById('myChart'));
      chart.draw(data, options);
    }