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 : /var/www/html/esic/cmbeberibe/js/RGraph/demos/

Upload File :

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

Current File : /var/www/html/esic/cmbeberibe/js/RGraph/demos/line-bar-clipped.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.bar.js"></script>
    <script src="../libraries/RGraph.line.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 demo of a clipped Line/Bar chart</title>

    <meta name="robots" content="noindex,nofollow"/>
    <meta name="description" content="A Line chart is drawn, then the canvas is clipped to the area under a line - then the bar chart is drawn."/>

</head>
<body>

<h1>A demo of a clipped Line/Bar chart</h1>

<p>
    This is a demo of first drawing a (curvy) Line chart and then using the coordinates to specify a clipping area to
    then draw the Bar chart. The Bar charts background grid and axes are turned off so as not to appear over the Line
    chart. The clipping areas height is slightly smaller than the coordinates (by half the linewidth) so the Bar chart
    does not not appear over the parts of the Line where the bars are.
</p>

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

<script>
    $(document).ready(function () {
        var linewidth = 5;
        var linedata = [1, 5, 6, 8, 9, 8, 6, 4, 3, 1];
        var bardata = [8, 7, 9, 10, 8, 7, 6, 5, 4];

        var line = new RGraph.Line({
            id: 'cvs',
            data: linedata,
            options: {
                spline: true,
                tickmarks: 'endcircle',
                linewidth: linewidth,
                shadow: false
            }
        }).draw();

        var ca = line.canvas;
        var co = line.context;

        // Draw a area under the chart and clip to it
        co.beginPath();
        co.moveTo(0, ca.height)
        for (var i = 0, len = line.coordsSpline[0].length; i < len; ++i) {
            co.lineTo(line.coordsSpline[0][i][0], line.coordsSpline[0][i][1] + (linewidth / 2) - 0.5);
        }
        co.lineTo(ca.width, ca.height)
        co.clip();

        // Now draw the bar chart
        var bar = new RGraph.Bar({
            id: 'cvs',
            data: bardata,
            options: {
                labels: ['Rob', 'Lucy', 'Lynsey', 'Paul', 'Olga', 'Jerry', 'Kev', 'Luis', 'Hoolio'],
                background: {
                    grid: false
                },
                noxaxis: true,
                noyaxis: true,
                colors: ['gradient(#eef:#01B4FF)'],
                shadow: false,
                strokestyle: 'rgba(0,0,0,0)'
            }
        }).wave()

    });
</script>

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

</body>
</html>

Anon7 - 2022
AnonSec Team