An Example of a Google Bar Chart

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
  <div id="chart_div"></div>

JavaScript

google.charts.load('current', {packages: ['corechart', 'line']});
google.charts.setOnLoadCallback(drawLineColors);

function drawLineColors() {
      var data = new google.visualization.DataTable();
      data.addColumn('date', 'Date');
      data.addColumn('number', 'Dogs');
      data.addColumn('number', 'Cats');
      data.addColumn('number', 'Birds');
      data.addColumn('number', 'TChange Dogs');      
      data.addColumn('number', 'TChange Cats');
      data.addColumn('number', 'TChange Birds');
       data.addColumn('number', 'Last Dogs');      
      data.addColumn('number', 'Last Cats');
      data.addColumn('number', 'Last Birds');     

      data.addRows([
        [new Date(2017, 1, 5), 0, 0, 0, null, null, null, null, null, null],    
        [new Date(2017, 2, 5), 10, 5, 4, null, null, null, null, null, null],   
        [new Date(2017, 3, 5), 23, 15, 7, null, null, null, null, null, null],  
        [new Date(2017, 4, 5), 17, 9, 3, 17, 9, 3, null, null, null],   
        [new Date(2017, 5, 5), 18, 10, 7, null, null, null, null, null, null], 
        [new Date(2017, 6, 5), 9, 5, 2, null, null, null, null, null, null],
        [new Date(2017, 7, 5), 11, 7, 2, null, null, null, null, 7, null],   
        [new Date(2017, 8, 5), 27, null, 8, null, null, null, null, null, 8],  
        [new Date(2017, 9, 5), 33, null, null, null, null, null, 33, null, null]
      ]);

      var options = {
        hAxis: {
          title: 'Time'
        },
        vAxis: {
          title: 'Popularity'
        },
        legend: {
          position: 'bottom',
          alignment: 'end',
          textStyle: {
            fontSize: 14
          }
        },
        colors: ['#a52714', '#097138', '#FF6F17'],
        series: {
            3: { pointShape: "circle", pointSize: 10 },
            4: { pointShape: "circle", pointSize: 10 },
            5: { pointShape: "circle", pointSize: 10 },
            6: { pointShape: "triangle", pointSize: 15 },
            7: {...