How to make a Grafica with highcharts

I want to make a Grafica like the one in the following link

  

link

 $(function () {  
  var data_trip = ["2011-01-22","2012-01-22","2013-01-22","2014-01-22","2015-01-22","2018-01-22"];
  var data_metros = [123,156,236,742,14,245];
    Highcharts.stockChart('barcinas', {
      chart: {
        zoomType: 'xy'
      },
      title: {
        text: 'Nº  Barcinas'      
      },

      xAxis: {
        categories: data_trip
      },

      yAxis: [{ // Primary yAxis
        categories: [0],
        labels: {
          format: '{value}',
          style: {
            color: Highcharts.getOptions().colors[1]
          }
        },

        title: {
          text: 'Nº Metros',
          style: {
            color: Highcharts.getOptions().colors[1]
          }
        },

      }],

    tooltip: {
      shared: true
    },

    charBackgroundColor: {
      linearGradient: [0, 0, 500, 500],
      stops: [
        [0, 'rgb(255, 255, 255)'],
        [1, 'rgb(200, 200, 255)']
      ]
    },

    series: [{
      name: 'Metros',
      type: 'line',
      yAxis: 0,
      color: {
        linearGradient: { x1: 0, x2: 0, y1: 0, y2: 1 },
        stops: [
          [0, '#0637e8'],
          [1, '#06bae8']
        ]
      },

      data: data_metros, //asignamos el valor a cada uno de los defectos (lineas)
      pointPadding: 0.1,
      pointPlacement: -0.2

    }],
      plotOptions: {
      column: {
        grouping: false,
        shadow: false,
        borderWidth: 0
      }
    }
  });
});

I have that code and it makes me the table the problem is that in the range it does not put anything to me Somebody that can help me?

This is what he paints me only