title: creating angularJs directive for jquery code
body: <p>I am new to AngularJs. I have a jquery code which I am planning to create a AngularJs directive. How to wrap the jquery code inside a AngularJs directive. I just want to use the same jquery code but want to call the code through the AngularJs directive. Please let me know if this is possible in AngularJs? </p>
  
  <p>I am updating the post with two jquery sections that I am planning to create a directive:</p>
  
  <pre><code>     $('#pie-chart1').highcharts({
         title: {
         text: 'Exporting module is loaded but buttons are disabled'
         },
         xAxis: {
           categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
         },
  
         series: [{
         data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]        
        }],
  
        navigation: {
          buttonOptions: {
          enabled: false
        }
      }
    });
  </code></pre>