{% extends '::base.html.twig' %}
{% block highcharts4 %}

{% endblock %}

{% block menuTop %}

{% endblock %}

{% block dashboard %}
     <!-- load jQuery -->
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"
    integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
    crossorigin="anonymous"></script>
    <!-- load Highcharts, Highcharts-more, and modules -->
    <script src="https://code.highcharts.com/highcharts.js"></script>
    <script src="https://code.highcharts.com/highcharts-more.js"></script>
    <script src="https://code.highcharts.com/modules/data.js"></script>
    <script src="https://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="width:100%; height:600px;"></div>
<script>
  $(function() {
  Highcharts.chart('container',{
    chart: {
      type: 'column'
    },
    title: {
      text: 'Flow RBS Routines Summary Chart'
    },
     yAxis: {
        title: {
          text: 'Number of RBS Routines'
        }
      },
    data: {
          googleSpreadsheetKey: '1JA9ebg2Sya35wfslC8IvO5lvcpGdlGqoDhw8urREirc'
    }
  });
});
  </script>
{% endblock %}