Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <p id="table3">Chọn <select class="doanhsokh" id="thang">
- <option value="1">Tháng 1</option>
- <option value="2">Tháng 2</option>
- <option value="3">Tháng 3</option>
- <option value="4">Tháng 4</option>
- <option value="5">Tháng 5</option>
- <option value="6">Tháng 6</option>
- <option value="7">Tháng 7</option>
- <option value="8">Tháng 8</option>
- <option value="9">Tháng 9</option>
- <option value="10">Tháng 10</option>
- <option value="11">Tháng 11</option>
- <option value="12">Tháng 12</option>
- </select> <select class="doanhsokh" id="nam">
- <option value="2012">Năm 2012</option>
- <option value="2013">Năm 2013</option>
- <option value="2014">Năm 2014</option>
- <option value="2015">Năm 2015</option>
- <option value="2016">Năm 2016</option>
- </select>
- <script type="text/javascript" src="https://www.google.com/jsapi"></script>
- <script type="text/javascript">
- google.load("visualization", "1", {packages: ["corechart"]});
- $('.doanhsokh').change(function() {
- month=$('#thang').val();
- year=$('#nam').val();
- //alert(month);
- var jsonData = $.ajax({
- url: "pro-thongke.php",
- type: 'POST',
- dataType: "json",
- data: {type: 'doanhsokh',month:month,year:year},
- async: false
- }).responseText;
- obj = $.parseJSON(jsonData);
- console.log(obj);
- google.setOnLoadCallback(drawChart(obj,month,year));
- });
- //luc moi load
- $(document).ready(function() {
- var d=new Date();
- var year=d.getFullYear();
- var month=d.getMonth();
- var jsonData = $.ajax({
- url: "pro-thongke.php",
- type: 'POST',
- dataType: "json",
- data: {type: 'doanhsokh',month:month,year:year},
- async: false
- }).responseText;
- console.log(jsonData);
- obj = $.parseJSON(jsonData);
- console.log(obj);
- google.setOnLoadCallback(drawChart(obj,month,year));
- });
- function drawChart(obj,month,year) {
- var data = google.visualization.arrayToDataTable(obj);
- var options = {
- title: 'Khách hàng có doanh số cao nhất tháng '+month+', năm '+year,
- vAxis: {title: 'Tài khoản', titleTextStyle: {color: 'red'}}
- };
- var chart = new google.visualization.BarChart(document.getElementById('chart_div'));
- chart.draw(data, options);
- }
- </script>
- <div id="chart_div" style="width: 900px; height: 500px;"></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement