Help needed with implementing a ChartRangeFilter on my Timeline

[Inthujan Kantharuban]

Hey, I'm quite new to google charts and javascript so I'm asking if anyone could assist me with implementing ChartRangeFilter to my Timeline that I have set up.

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

<script type="text/javascript">

google.charts.load('current', {

  callback: drawChart,

  packages: ['timeline'],

  'language': 'sv'

});

function drawChart() {

  var dataTable = new google.visualization.DataTable(<?php echo $jsonTable; ?>);

  var container = document.getElementById('tidslinje');

  var chart = new google.visualization.Timeline(container);

  var options = {

        

      };

  chart.draw(dataTable);

}

</script>

This is my timeline excluding the php which gets the data from a database table. I don't think the php code is needed so I'm not pasting it here. 

I have tried following a few tutorials and guides on how to add a chartrangefilter but I can never get it to work and have no idea what I'm doing so I gave up and making a post here for some help.

I might be asking for too much but I'd appreciate it if you could at least help me and put me the right direction on how to do this! 

Thank you :)