title: Uncaught SyntaxError: Unexpected token ILLEGAL in javascript
body: <p>I'm trying to create line,column and pie chart in a grid with the Highcharts charting API.  But i'm getting an error "Uncaught SyntaxError: Unexpected token ILLEGAL". Scratching my head from hours. Referred link : <a href="http://www.highcharts.com/demo/com" rel="nofollow">http://www.highcharts.com/demo/com</a> </p>
  
  <pre><code> &lt;apex:page&gt;
   &lt;script src="https://code.highcharts.com/highcharts.js"&gt;&lt;/script&gt;
   &lt;script src="https://code.highcharts.com/modules/exporting.js"&gt;&lt;/script&gt;
   &lt;div id="container" style="min-width: 310px; height: 400px; margin:0 auto"&gt;&lt;/div&gt;
  
      &lt;script&gt;
          $(function () {
          $('#container').highcharts({
          title: {
          text: 'Combination chart'
          },
          xAxis: {
              categories: ['Apples', 'Oranges', 'Pears', 'Bananas', 'Plums']
          },
                  labels: {
                  items: [{
                  html: 'Total fruit consumption',
                  style: {
                  left: '50px',
                  top: '18px',
                 color: (Highcharts.theme &amp;amp;&amp;amp;Highcharts.theme.textColor)||'black'
                  }
              }]
          },
            series: [{
                  type: 'column',
                  name: 'Jane',
                  data: [3, 2, 1, 3, 4]
                  }, {
                   type: 'column',
                  name: 'John',
                 data: [2, 3, 5, 7, 6]
                  }, {
                  type: 'column',
                  name: 'Joe',
                  data: [4, 3, 3, 9, 0]
                  }, {
                  type: 'spline',
                  name: 'Average',
                  data: [3, 2.67, 3, 6.33, 3.33],
                  marker: {
                  lineWidth: 2,
                  lineColor: Highcharts.getOptions().colors[3],
                  fillColor: 'white'
                }
              }, {
              type: 'pie',
              name: 'Total consumption',
              data: [{
                  name: 'Jane',
                  y: 13,
                  color: Highcharts.getOptions().colors[0] 
                }, {
                  name: 'John',
                  y: 23,
                  color: Highcharts.getOptions().colors[1] 
                  }, {
                  name: 'Joe',
                  y: 19,
                  color: Highcharts.getOptions().colors[2] 
              }],
              center: [100, 80],
              size: 100,
              showInLegend: false,
              dataLabels: {
                  enabled: false
                  }
              }]
          });
      });
  
      &lt;/script&gt;
     &lt;/apex:page&gt;
  
  
      Really appreciate the help.
  </code></pre>