title: Highchart- Using PHP, MYSQL and jQuery.get to parse data
body: <p>I'm trying to display data from MYSQL.
  I saw an example at <a href="http://www.blueflame-software.com/blog/using-highcharts-with-php-and-mysql/" rel="nofollow">http://www.blueflame-software.com/blog/using-highcharts-with-php-and-mysql/</a>. How do I implement jQuery.get for my chart? Please I'm very new to jQuery and need lots of help thanks! Can someone get my chart to display the data?</p>
  
  <p><em><strong>html for chart</em></strong></p>
  
  <pre><code>    &lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;
  &lt;html&gt;
  &lt;head&gt;  
  &lt;meta charset="utf-8"&gt;
  
     &lt;script src="http://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js"&gt;&lt;/script&gt;
     &lt;script src="http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.3/scriptaculous.js"&gt;&lt;/script&gt;
     &lt;script src="http://www.highcharts.com/js/adapters/prototype-adapter.src.js" &gt;&lt;/script&gt;
     &lt;script src="http://www.highcharts.com/js/highcharts.src.js"&gt;&lt;/script&gt;
  
     &lt;script&gt;      
        var chart;      
        function create()
        {
           chart = new Highcharts.Chart({
                  chart: {renderTo: 'container', defaultSeriesType:'spline', height: 400},
                  title: {text: 'SEN-2 Bulkhead Isolation'},
                  xAxis: {title: {text: 'Frequency Hz'}, type: 'logarithmic'},    
  
                  yAxis: {title: {text: 'Isolation dB'}, plotLines: [{ value: 0, width: 1, color: '#808080'}]
                  },
                  tooltip: {
                  formatter: function() {
                      return '&lt;b&gt;'+ this.series.name +'&lt;/b&gt;&lt;br/&gt;'+'('+
                      this.x +' , '+ this.y +')';}
                  },
                  legend: {layout: 'vertical', align: 'right', verticalAlign: 'top', x: 40, y: 100, borderWidth: 0, width: 300 },
                      series: [{ 
                      name: 'SSTP Keystone STEEL', 
                      data: [[0.6,74.9 ],[0.895,81.74],[ 1.336,77.26],[ 1.993,76.81], [2.974,80.45 ],[4.438,69.41], [6.622,61.37],[9.881,79.07],[14.744,79.75],[20.000,72.33]],pointStart: 0.6
                       }, {
                      name: 'SSTP Keystone COPPER',
                      data: [[0.6,70.18 ],[0.895,85.57],[ 1.336,75.1],[ 1.993,76.09], [2.974,80.45 ],[4.438,67.32], [6.622,59.79],[9.881,72.37],[14.744,73.54],[20.000,72.8]],pointStart: 0.6
                       }, {
                      name: 'SSTP Keystone COPPER UTP antenna',
                      data: [[0.6,53.32], [0.895,56.53], [1.336,72.16], [1.993,65.82],[2.974,80.45],[4.438,63.16],[6.622,59.79],[9.881,69.63],[14.744,70.41],[20.000,73.45]],pointStart: 0.6
                      }, {
                      name: 'SSTP Keystone COPPER STP antenna',
                      data: [[0.6,62.33], [0.895,61.82], [1.336,79.92], [1.993,76.09],[2.974,76.18],[4.438,63.16],[6.622,61.37],[9.881,72.37],[14.744,74.68],[20.000,72.33]],pointStart: 0.6
                      }, {
                      name: 'absorber inside bundle shield',
                      data: []
                       }, {
                      name: 'Series6',
                      data: []
                      }, {
                      name: 'SEN-2 Baseline Isolation',
                      data: [[0.6,76.07], [0.895,90.28], [1.336,77.26], [1.993,82.58],[2.974,83.53],[4.438,74.63],[6.622,63.45],[9.881,76.86],[14.744,76.98],[20.000,72.33]],pointStart: 0.6
                       }],    
                      });
        }
  
        function destroy()
        {
           if( chart ) {
              chart.destroy();
              delete chart;
              chart = null;
           }   
        }
  
        document.observe("dom:loaded", function() {
           $('destroy').observe("click", function(){destroy();})
           $('create').observe("click", function(){create();})
           create();
        });
  
     &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
     &lt;a id="destroy" href="#"&gt;destroy&lt;/a&gt; | &lt;a id="create" href="#"&gt;create&lt;/a&gt;
     &lt;div id="container" style="height: 400px; width: 900px"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>