Production chart

by Bikram Shrestha

HTML

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

JavaScript

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

  function drawLineColors() {
    var data = new google.visualization.DataTable();
    data.addColumn('number', 'Year');
    data.addColumn('number', 'Mine Production');
    data.addColumn('number', 'Washed Bauxite Production');
    data.addColumn('number', 'Dry Beneficiated Bauxite');
    data.addColumn('number', 'Export Volume');

    data.addRows([
      [2013, 1.3, 0.6, 0, 0.6],
      [2014, 1.9, 1.2, 0, 1.1],
      [2015, 2.8, 1.3, 0, 1.3],
      [2016, 2.7, 1.4, 0, 1.5],
      [2017, 3.4, 1.7, 0.2, 1.7],
      [2018, 3.1, 1.7, 0.4, 1.96],
      [2019, 3.4, 1.7, 0.4, 1.8],
      [2020, 2.8, 1.4, 0, 1.3],  
    ]);

    var options = {
      hAxis: {
        title: 'Year',
        minValue: 2013,
      },
      vAxis: {
        title: 'Million Tonne'
      },
      //colors: ['#a52714', '#097138']
    };

    var chart = new google.visualization.LineChart(document.getElementById('columnchart_materia'));
    chart.draw(data, options);
  }

  $(window).resize(function(){
    drawLineColors();
  });