One of the requirements for our project is to implement HighCharts.com charts into the web app. Below is the source to create a chart using javascript. Can someone demonstrate how I could make the chart appear within an ext panel using coolite?

var chart;
$(document).ready(function() {
   chart = new Highcharts.Chart({
      chart: {
         renderTo: 'container',
         defaultSeriesType: 'bar'
      },
      title: {
         text: 'Historic World Population by Region'
      },
      subtitle: {
         text: 'Source: Wikipedia.org'
      },
      xAxis: {
         categories: ['Africa', 'America', 'Asia', 'Europe', 'Oceania'],
         title: {
            text: null
         }
      },
      yAxis: {
         min: 0,
         title: {
            text: 'Population (millions)',
            align: 'high'
         }
      },
      tooltip: {
         formatter: function() {
            return ''+
                this.series.name +': '+ this.y +' millions';
         }
      },
      plotOptions: {
         bar: {
            dataLabels: {
               enabled: true
            }
         }
      },
      legend: {
         layout: 'vertical',
         align: 'right',
         verticalAlign: 'top',
         x: -100,
         y: 100,
         borderWidth: 1,
         backgroundColor: '#FFFFFF'
      },
      credits: {
         enabled: false
      },
           series: [{
         name: 'Year 1800',
         data: [107, 31, 635, 203, 2]
      }, {
         name: 'Year 1900',
         data: [133, 156, 947, 408, 6]
      }, {
         name: 'Year 2008',
         data: [973, 914, 4054, 732, 34]
      }]
   });
   
   
});