| bri<!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <title>Pretty Charts with jQuery and AJAX | Tutorialzine Demo</title> | |
| <!-- Include bootstrap css --> | |
| <link href="css/daterangepicker.css" rel="stylesheet"> | |
| </head> | |
| <body> | |
| <div id="content"> | |
| <form class="form-horizontal"> | |
| <fieldset> | |
| <div class="input-prepend"> | |
| <span class="add-on"><i class="icon-calendar"></i></span><input type="text" name="range" id="range" /> | |
| </div> | |
| </fieldset> | |
| </form> | |
| <div id="placeholder"> | |
| <figure id="chart"></figure> | |
| </div> | |
| </div> | |
| <footer> | |
| <h2><i>Tutorial:</i> Pretty Charts with jQuery and AJAX</h2> | |
| <a class="tzine" href="http://tutorialzine.com/2013/01/charts-jquery-ajax/">Head on to <i>Tutorial<b>zine</b></i> to read and download</a> | |
| </footer> | |
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> | |
| <!-- xcharts includes --> | |
| <script src="//cdnjs.cloudflare.com/ajax/libs/d3/2.10.0/d3.v2.js"></script> | |
| <!-- The daterange picker bootstrap plugin --> | |
| <script src="js/sugar.min.js"></script> | |
| <script src="js/daterangepicker.js"></script> | |
| <!-- Our main script file --> | |
| <script src="js/script.js"></script> | |
| </body> | |
| </html> | |