AnonSec Shell

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . AnonSec Shell AnonSec Shell

Server IP : 20.75.53.88 / Your IP : 216.73.217.165 [ Reverse IP ]
Web Server : Apache
System : Linux VMRALP-3 4.4.0-256-generic #290~14.04.1-Ubuntu SMP Thu Jun 20 09:24:50 UTC 2024 x86_64
User : www-data ( 33)
PHP Version : 5.5.9-1ubuntu4.29+esm15
Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,
Domains : 3 Domains
MySQL : ON | cURL : OFF | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON
Directory : /proc/22665/cwd/html/esic/obidos/js/RGraph/demos/

Upload File :

[ HOME ] [ BACKUP SHELL ] [ JUMPING ] [ MASS DEFACE ] [ SCAN ROOT ] [ SYMLINK ]

Current File : /proc/22665/cwd/html/esic/obidos/js/RGraph/demos/bar-drawing-api-objects.html

<!DOCTYPE html >
<html>
<head>
    <link rel="stylesheet" href="demos.css" type="text/css" media="screen"/>

    <script src="../libraries/RGraph.common.core.js"></script>
    <script src="../libraries/RGraph.common.dynamic.js"></script>
    <script src="../libraries/RGraph.common.tooltips.js"></script>
    <script src="../libraries/RGraph.drawing.xaxis.js"></script>
    <script src="../libraries/RGraph.drawing.yaxis.js"></script>
    <script src="../libraries/RGraph.drawing.rect.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <!--[if lt IE 9]>
    <script src="../excanvas/excanvas.js"></script><![endif]-->

    <title>A Bar chart made with the Drawing API objects</title>

    <meta name="robots" content="noindex,nofollow"/>
    <meta name="description" content="A Bar chart that is made up from drawing API objects"/>

</head>
<body>

<h1>A Bar chart made with the Drawing API objects</h1>

<p>
    This is a demo of the Drawing API objects being used to make a bar chart all by themselves (without the actual Bar chart).
</p>

<canvas id="cvs" width="600" height="250">[No canvas support]</canvas>

<script>
    $(document).ready(function () {
        var data = [100, 80, 60, 40, 20];
        var labels = ['Fred', 'Barney', 'Wilma', 'Betty', 'Dino'];
        var hmargin = 5;
        var max = 100;

        var xaxis = new RGraph.Drawing.XAxis({
            id: 'cvs',
            y: 225,
            options: {
                labels: labels,
                gutter: {
                    left: 50
                },
                tooltips: ['The X axis shows Flintstones characters']
            }
        }).draw()

        var yaxis = new RGraph.Drawing.YAxis({
            id: 'cvs',
            x: 50,
            options: {
                max: max,
                noendtick: {
                    bottom: true
                },
                scale: {
                    zerostart: false
                },
                noyaxis: true,
                tooltips: ['The Y axis shows a scale of how much the characters did<br /> something - at some point']
            }
        }).draw()

        for (var i = 0; i < data.length; ++i) {

            var width = ((600 - 50 - 25) / data.length) - (hmargin * 2);
            var height = (data[i] / max) * (xaxis.canvas.height - 25 - 25);
            var x = 50 + (((600 - 50 - 25) / data.length) * i) + hmargin;
            var y = 250 - 25 - height;

            var rect = new RGraph.Drawing.Rect({
                id: 'cvs',
                x: x,
                y: y,
                width: width,
                height: height,
                options: {
                    tooltips: [labels[i]],
                    highlight: {
                        stroke: 'rgba(0,0,0,0)'
                    }
                }
            }).draw()
        }

        RGraph.redraw();
    });
</script>

<p>
    <b>Is it quicker than using the standard Bar chart?</b><br/>
    No.
</p>

<p>
    <b>Is it easier to implement than the standard Bar chart?</b><br/>
    No.
</p>

<p>
    <b>Is it easier to maintain than the standard Bar chart?</b><br/>
    No.
</p>

<p>
    <b>Does it encompass all of the features of the standard Bar chart?</b><br/>
    No.
</p>

<p>
    <b>So why?</b><br/>
    It's just an example of three of the drawing API objects - the XAxis, the Yaxis and the Rect. If what you want is a Bar
    chart - use the RGraph Bar chart.
</p>

<p>
    <a href="./">&laquo; Back</a>
</p>

</body>
</html>

Anon7 - 2022
AnonSec Team