Server IP : 92.204.138.22 / Your IP : 3.144.18.252 Web Server : Apache System : Linux ns1009439.ip-92-204-138.us 4.18.0-553.8.1.el8_10.x86_64 #1 SMP Tue Jul 2 07:26:33 EDT 2024 x86_64 User : internationaljou ( 1019) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/internationaljou/old_site/admin/php-version/ |
Upload File : |
<?php require('header.php'); ?> <div> <ul class="breadcrumb"> <li> <a href="#">Home</a> </li> <li> <a href="#">Charts</a> </li> </ul> </div> <div class="row"> <div class="box col-md-12"> <div class="box-inner"> <div class="box-header well"> <h2><i class="glyphicon glyphicon-list-alt"></i> Chart with points</h2> <div class="box-icon"> <a href="#" class="btn btn-setting btn-round btn-default"><i class="glyphicon glyphicon-cog"></i></a> <a href="#" class="btn btn-minimize btn-round btn-default"><i class="glyphicon glyphicon-chevron-up"></i></a> <a href="#" class="btn btn-close btn-round btn-default"><i class="glyphicon glyphicon-remove"></i></a> </div> </div> <div class="box-content"> <div id="sincos" class="center" style="height:300px"></div> <p id="hoverdata">Mouse position at (<span id="x">0</span>, <span id="y">0</span>). <span id="clickdata"></span></p> </div> </div> </div> <div class="box col-md-12"> <div class="box-inner"> <div class="box-header well"> <h2><i class="glyphicon glyphicon-list-alt"></i> Flot</h2> <div class="box-icon"> <a href="#" class="btn btn-setting btn-round btn-default"><i class="glyphicon glyphicon-cog"></i></a> <a href="#" class="btn btn-minimize btn-round btn-default"><i class="glyphicon glyphicon-chevron-up"></i></a> <a href="#" class="btn btn-close btn-round btn-default"><i class="glyphicon glyphicon-remove"></i></a> </div> </div> <div class="box-content"> <div id="flotchart" class="center" style="height:300px"></div> </div> </div> </div> <div class="box col-md-12"> <div class="box-inner"> <div class="box-header well"> <h2><i class="glyphicon glyphicon-list-alt"></i> Stack Example</h2> <div class="box-icon"> <a href="#" class="btn btn-setting btn-round btn-default"><i class="glyphicon glyphicon-cog"></i></a> <a href="#" class="btn btn-minimize btn-round btn-default"><i class="glyphicon glyphicon-chevron-up"></i></a> <a href="#" class="btn btn-close btn-round btn-default"><i class="glyphicon glyphicon-remove"></i></a> </div> </div> <div class="box-content"> <div id="stackchart" class="center" style="height:300px;"></div> <p class="stackControls center"> <input class="btn btn-default" type="button" value="With stacking"> <input class="btn btn-default" type="button" value="Without stacking"> </p> <p class="graphControls center"> <input class="btn btn-primary" type="button" value="Bars"> <input class="btn btn-primary" type="button" value="Lines"> <input class="btn btn-primary" type="button" value="Lines with steps"> </p> </div> </div> </div> </div><!--/row--> <div class="row"> <div class="box col-md-4"> <div class="box-inner"> <div class="box-header well" data-original-title=""> <h2><i class="glyphicon glyphicon-list-alt"></i> Pie</h2> <div class="box-icon"> <a href="#" class="btn btn-setting btn-round btn-default"><i class="glyphicon glyphicon-cog"></i></a> <a href="#" class="btn btn-minimize btn-round btn-default"><i class="glyphicon glyphicon-chevron-up"></i></a> <a href="#" class="btn btn-close btn-round btn-default"><i class="glyphicon glyphicon-remove"></i></a> </div> </div> <div class="box-content"> <div id="piechart" style="height:300px"></div> </div> </div> </div> <div class="box col-md-4"> <div class="box-inner"> <div class="box-header well" data-original-title=""> <h2><i class="glyphicon glyphicon-list-alt"></i> Realtime</h2> <div class="box-icon"> <a href="#" class="btn btn-setting btn-round btn-default"><i class="glyphicon glyphicon-cog"></i></a> <a href="#" class="btn btn-minimize btn-round btn-default"><i class="glyphicon glyphicon-chevron-up"></i></a> <a href="#" class="btn btn-close btn-round btn-default"><i class="glyphicon glyphicon-remove"></i></a> </div> </div> <div class="box-content"> <div id="realtimechart" style="height:190px;"></div> <p>You can update a chart periodically to get a real-time effect by using a timer to insert the new data in the plot and redraw it.</p> <p>Time between updates: <input id="updateInterval" type="text" value="" style="text-align: right; width:5em"> milliseconds</p> </div> </div> </div> <div class="box col-md-4"> <div class="box-inner"> <div class="box-header well" data-original-title=""> <h2><i class="glyphicon glyphicon-list-alt"></i> Donut</h2> <div class="box-icon"> <a href="#" class="btn btn-setting btn-round btn-default"><i class="glyphicon glyphicon-cog"></i></a> <a href="#" class="btn btn-minimize btn-round btn-default"><i class="glyphicon glyphicon-chevron-up"></i></a> <a href="#" class="btn btn-close btn-round btn-default"><i class="glyphicon glyphicon-remove"></i></a> </div> </div> <div class="box-content"> <div id="donutchart" style="height: 300px;"> </div> </div> </div> </div> </div><!--/row--> <!-- chart libraries start --> <script src="bower_components/flot/excanvas.min.js"></script> <script src="bower_components/flot/jquery.flot.js"></script> <script src="bower_components/flot/jquery.flot.pie.js"></script> <script src="bower_components/flot/jquery.flot.stack.js"></script> <script src="bower_components/flot/jquery.flot.resize.js"></script> <!-- chart libraries end --> <script src="js/init-chart.js"></script> <?php require('footer.php'); ?>