       verticalAlign: 'top'
      # align: 'top'
       floating: true
-      
+
     series: [ {
       name: 'Down (kB)'
       lineWidth: 1

  #container
    -webkit-backdrop-filter: blur(10px)
"""


#
# Change container size to change the sizing of the chart
render: (domEl) -> """
<script src="https://code.highcharts.com/stock/highstock.js"></script>
<div id="container" style="width:400px; height:250px;">Loading ...</div>
"""

afterRender: (domEl) ->
  Highcharts.setOptions({
    global: {
      useUTC: false # UTC is set by default, disabling it triggers highcharts to pick up browser's local time
    }
  })

  $(domEl).find('#container').highcharts('StockChart'
    colors: ['#6fc3df', '#6fc3df']
    chart:
      marginRight: 5
      #marginBottom: 20
      animation: Highcharts.svg

      backgroundColor: null
      style:
        color: '#6fc3df'
