   #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'

       color:"#ffe64d"
       data:[]
        }]

    credits:
      enabled: false
)
