title: php variables correctly pass inside the jquery or javascript highchart
body: <p>click here for jsfiddle highchart link: <a href="http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/column-basic/" rel="nofollow">Column - Bar High Chart</a></p>
  
  <p>this code is the actual code of the Column bar highchart, is there a way to make its graph base on php varible. </p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
    &lt;meta http-equiv="content-type" content="text/html; charset=UTF-8"&gt;
  
  
    &lt;script type='text/javascript' src='js/jquery.min.js'&gt;&lt;/script&gt;
  
    &lt;link rel="stylesheet" type="text/css" href="/css/normalize.css"&gt;
    &lt;link rel="stylesheet" type="text/css" href="/css/result-light.css"&gt;
  
    &lt;style type='text/css'&gt;
  
    &lt;/style&gt;
  
  
  
  &lt;script type='text/javascript'&gt;
  
  $(function () {
      var chart;
      $(document).ready(function() {
          chart = new Highcharts.Chart({
              chart: {
                  renderTo: 'container',
                  type: 'column'
              },
              title: {
                  text: 'Monthly Average Rainfall'
              },
              subtitle: {
                  text: 'Source: WorldClimate.com'
              },
              xAxis: {
                  categories: [
                      'Jan',
                      'Feb',
                      'Mar',
                      'Apr',
                      'May',
                      'Jun',
                      'Jul',
                      'Aug',
                      'Sep',
                      'Oct',
                      'Nov',
                      'Dec'
                  ]
              },
              yAxis: {
                  min: 0,
                  title: {
                      text: 'Rainfall (mm)'
                  }
              },
              legend: {
                  layout: 'vertical',
                  backgroundColor: '#FFFFFF',
                  align: 'left',
                  verticalAlign: 'top',
                  x: 100,
                  y: 70,
                  floating: true,
                  shadow: true
              },
              tooltip: {
                  formatter: function() {
                      return ''+
                          this.x +': '+ this.y +' mm';
                  }
              },
              plotOptions: {
                  column: {
                      pointPadding: 0.2,
                      borderWidth: 0
                  }
              },
                  series: [{
                  name: 'Tokyo',
                  data: [100, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
  
              }, {
                  name: 'New York',
                  data: [83.6, 78.8, 98.5, 93.4, 106.0, 84.5, 105.0, 104.3, 91.2, 83.5, 106.6, 92.3]
  
              }, {
                  name: 'London',
                  data: [48.9, 38.8, 39.3, 41.4, 47.0, 48.3, 59.0, 59.6, 52.4, 65.2, 59.3, 51.2]
  
              }, {
                  name: 'Berlin',
                  data: [42.4, 33.2, 34.5, 39.7, 52.6, 75.5, 57.4, 60.4, 47.6, 39.1, 46.8, 51.1]
  
              }]
          });
      });
  
  });
  //]]&gt;  
  
  &lt;/script&gt;
  
  
  &lt;/head&gt;
  &lt;body&gt;
    &lt;script src="js/highcharts.js"&gt;&lt;/script&gt;
  &lt;script src="js/exporting.js"&gt;&lt;/script&gt;
  &lt;div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Question
  is this possible "
  <code>[100, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]</code>"</p>
  
  <p>to became</p>
  
  <pre><code>[&lt;?php $newval1.",".$newval2.",".$newval3.",".$newval4.",".$newval5.",".$newval6.",".$newval7.",".$newval8.",".$newval9.",".$newval10.",".$newval11.",".$newval12 ?&gt;]
  </code></pre>
  
  <p>so that the value are from php variables, correct me.. thanks</p>