Advertisement
hnguyen

Untitled

Nov 27th, 2014
219
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.65 KB | None | 0 0
  1. <p id="table3">Chọn <select class="doanhsokh" id="thang">
  2. <option value="1">Tháng 1</option>
  3. <option value="2">Tháng 2</option>
  4. <option value="3">Tháng 3</option>
  5. <option value="4">Tháng 4</option>
  6. <option value="5">Tháng 5</option>
  7. <option value="6">Tháng 6</option>
  8. <option value="7">Tháng 7</option>
  9. <option value="8">Tháng 8</option>
  10. <option value="9">Tháng 9</option>
  11. <option value="10">Tháng 10</option>
  12. <option value="11">Tháng 11</option>
  13. <option value="12">Tháng 12</option>
  14.  
  15. </select> <select class="doanhsokh" id="nam">
  16. <option value="2012">Năm 2012</option>
  17. <option value="2013">Năm 2013</option>
  18. <option value="2014">Năm 2014</option>
  19. <option value="2015">Năm 2015</option>
  20. <option value="2016">Năm 2016</option>
  21.  
  22. </select>
  23.  
  24. <script type="text/javascript" src="https://www.google.com/jsapi"></script>
  25. <script type="text/javascript">
  26. google.load("visualization", "1", {packages: ["corechart"]});
  27. $('.doanhsokh').change(function() {
  28. month=$('#thang').val();
  29. year=$('#nam').val();
  30. //alert(month);
  31. var jsonData = $.ajax({
  32. url: "pro-thongke.php",
  33. type: 'POST',
  34. dataType: "json",
  35. data: {type: 'doanhsokh',month:month,year:year},
  36. async: false
  37. }).responseText;
  38. obj = $.parseJSON(jsonData);
  39. console.log(obj);
  40. google.setOnLoadCallback(drawChart(obj,month,year));
  41.  
  42. });
  43. //luc moi load
  44. $(document).ready(function() {
  45. var d=new Date();
  46. var year=d.getFullYear();
  47. var month=d.getMonth();
  48. var jsonData = $.ajax({
  49. url: "pro-thongke.php",
  50. type: 'POST',
  51. dataType: "json",
  52. data: {type: 'doanhsokh',month:month,year:year},
  53. async: false
  54. }).responseText;
  55. console.log(jsonData);
  56. obj = $.parseJSON(jsonData);
  57. console.log(obj);
  58. google.setOnLoadCallback(drawChart(obj,month,year));
  59. });
  60.  
  61. function drawChart(obj,month,year) {
  62.  
  63.  
  64. var data = google.visualization.arrayToDataTable(obj);
  65.  
  66. var options = {
  67. title: 'Khách hàng có doanh số cao nhất tháng '+month+', năm '+year,
  68. vAxis: {title: 'Tài khoản', titleTextStyle: {color: 'red'}}
  69. };
  70.  
  71. var chart = new google.visualization.BarChart(document.getElementById('chart_div'));
  72.  
  73. chart.draw(data, options);
  74. }
  75. </script>
  76. <div id="chart_div" style="width: 900px; height: 500px;"></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement