title: high chart with date range filtering
body: <p>Can anyone can code range date filtering for high chart . I don't know how to code it</p>
  
  <p>my chart fetch data from the sql dabase and i want user can choose the date to look the chart </p>
  
  <p>the chart  is my last feature for my project pls help me please</p>
  
  <p><a href="http://postimg.org/image/kp0ukinzp/" rel="nofollow">http://postimg.org/image/kp0ukinzp/</a></p>
  
  <p>This is my code </p>
  
  <pre><code> &lt;?php
  $monthx = array(); 
  $y2556 = array(); 
  
  $sql = "SELECT count(month) as month FROM line group by month";
  $sql1 = "SELECT month as month FROM line group by month";
  
  $result = mysql_query($sql);
  $result1 = mysql_query($sql1);
  
  
  while($row=mysql_fetch_array($result)) {
  array_push($y2556,$row['month']);
  }
  
  while($row1=mysql_fetch_array($result1)) {
  array_push($monthx,$row1['month']);
  
  
  }
  ?&gt;
  
  &lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
  &lt;title&gt;Highcharts Example&lt;/title&gt;
  
  &lt;script src="scripts/jquery-1.6.4.min.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="scripts/jquery-ui-1.8.16.custom.min.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="highcharts.js"&gt;&lt;/script&gt;
  &lt;script src="exporting.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;
  $(function () {
  $('#container').highcharts({
  chart: {
  type: 'column' //รูปแบบของ แผนภูมิ ในที่นี้ให้เป็น line
  },
  title: {
  text: 'จำนวนคนไข้' //
  },
  subtitle: {
  text: ''
  },
  xAxis: {
  categories: ['&lt;?= implode("','", $monthx); //นำตัวแปร array แกน x มาใส่ ในที่นี้คือ เดือน?&gt;']
  },
  yAxis: {
  title: {
  text: 'จำนวนคนไข้ (ราย)'
  }
  },
  plotOptions: {
  column: {
  dataLabels: {
  enabled: true
  },
  enableMouseTracking: true
  }
  },
  series: [{
  name: 'จำนวนคนไข้',
  data: [&lt;?= implode(',', $y2556) // ข้อมูล array แกน y ?&gt;]
  }]
  });
  });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div id="container" style="min-width: 320px; height: 380px;"&gt;&lt;/div&gt;
  &lt;form name="myform1" method="post" action="chartpan.php"&gt;
  
  From &lt;input name="date1" type="text" id="date1" size="15" /&gt; TO &lt;input name="date2" type="text" id="date2" size="15" /&gt;
   &lt;input class="button" name="submit" id="submit" tabindex="5" value="ตกลง" type="submit"&gt; 
  
  
   &lt;/form&gt;
  &lt;/head&gt; 
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>