ULTRA [ drganbuganapathi.com ]

Linux mail.drganbuganapathi.com 6.8.0-60-generic #63-Ubuntu SMP PREEMPT_DYNAMIC Tue Apr 15 19:04:15 UTC 2025 x86_64

Apache/2.4.58 (Ubuntu)

165.22.222.249 | Your IP: 216.73.216.175

Cant read [ /etc/named.conf ]

[ drwxr-xr-x ]

/ var / www / html / billing / app-assets / js / scripts / charts / d3 / bar /

Home Upload Mass Deface Mass Delete Back Connect Notify

stacked-to-grouped.js

/*=========================================================================================
    File Name: stacked-to-grouped.js
    Description: D3 stacked to grouped chart
    ----------------------------------------------------------------------------------------
    Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
    Author: PIXINVENT
    Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/

// Stacked to grouped chart
// ------------------------------
$(window).on("load", function(){

var ele = d3.select("#stacked-to-grouped"),
    margin = {top: 20, right: 20, bottom: 30, left: 50},
    width = ele.node().getBoundingClientRect().width - margin.left - margin.right,
    height = 500 - margin.top - margin.bottom;

// Initialize Scales
    // ------------------------------

var x = d3.scale.ordinal()
        .domain(d3.range(m))
        .rangeRoundBands([0, width], .08);

var y = d3.scale.linear()
        .domain([0, yStackMax])
        .range([height, 0]);

// Initialize Colors
    // ------------------------------
    var color = d3.scale.linear()
        .domain([0, n - 1])
        .range(["#FECEA8", "#E84A5F"]);

// Initialize Axis
    // ------------------------------
    var xAxis = d3.svg.axis()
        .scale(x)
        .tickSize(0)
        .tickPadding(6)
        .orient("bottom");

// Chart
    var container = ele.append("svg");

var svg = container
        .attr("width", width + margin.left + margin.right)
        .attr("height", height + margin.top + margin.bottom)
      .append("g")
        .attr("transform", "translate(" + margin.left + "," + margin.top + ")");

var layer = svg.selectAll(".layer")
        .data(layers)
    .enter().append("g")
        .attr("class", "layer")
        .style("fill", function(d, i) { return color(i); });

var rect = layer.selectAll(".d3-bar")
        .data(function(d) { return d; })
    .enter().append("rect")
        .attr("class", "d3-bar")
        .attr("x", function(d) { return x(d.x); })
        .attr("y", height)
        .attr("width", x.rangeBand())
        .attr("height", 0);

rect.transition()
        .delay(function(d, i) { return i * 10; })
        .attr("y", function(d) { return y(d.y0 + d.y); })
        .attr("height", function(d) { return y(d.y0) - y(d.y0 + d.y); });

svg.append("g")
        .attr("class", "d3-axis d3-xaxis")
        .attr("transform", "translate(0," + height + ")")
        .call(xAxis);

d3.selectAll("input").on("change", change);

var timeout = setTimeout(function() {
        d3.select("input[value=\"grouped\"]").property("checked", true).each(change);
    }, 2000);

function change() {
        clearTimeout(timeout);
        if (this.value === "grouped") transitionGrouped();
        else transitionStacked();
    }

function transitionGrouped() {
        y.domain([0, yGroupMax]);

rect.transition()
            .duration(500)
            .delay(function(d, i) { return i * 10; })
            .attr("x", function(d, i, j) { return x(d.x) + x.rangeBand() / n * j; })
            .attr("width", x.rangeBand() / n)
        .transition()
            .attr("y", function(d) { return y(d.y); })
            .attr("height", function(d) { return height - y(d.y); });
    }

function transitionStacked() {
        y.domain([0, yStackMax]);

rect.transition()
            .duration(500)
            .delay(function(d, i) { return i * 10; })
            .attr("y", function(d) { return y(d.y0 + d.y); })
            .attr("height", function(d) { return y(d.y0) - y(d.y0 + d.y); })
        .transition()
            .attr("x", function(d) { return x(d.x); })
            .attr("width", x.rangeBand());
    }

// Inspired by Lee Byron's test data generator.
    function bumpLayer(n, o) {

function bump(a) {
            var x = 1 / (.1 + Math.random()),
                y = 2 * Math.random() - .5,
                z = 10 / (.1 + Math.random());
            for (var i = 0; i < n; i++) {
                var w = (i / n - y) * z;
                a[i] += x * Math.exp(-w * w);
            }
        }

var a = [], i;
        for (i = 0; i < n; ++i) a[i] = o + o * Math.random();
        for (i = 0; i < 5; ++i) bump(a);
        return a.map(function(d, i) { return {x: i, y: Math.max(0, d)}; });
    }

// Resize chart
    // ------------------------------

// Call function on window resize
    $(window).on('resize', resize);

// Call function on sidebar width change
    $('.menu-toggle').on('click', resize);

// Resize function
    // ------------------------------
    function resize() {

width = ele.node().getBoundingClientRect().width - margin.left - margin.right;

// Main svg width
        container.attr("width", width + margin.left + margin.right);

// Width of appended group
        svg.attr("width", width + margin.left + margin.right);

// Axis
        // -------------------------
        x.rangeRoundBands([0, width], .08);
        svg.selectAll('.d3-xaxis').call(xAxis);

svg.selectAll('.d3-bar').attr("x", function(d) { return x(d.x); });
    }
});

Name	Type	Size	Owner/Group	Permission	Last Modified	Actions
.	dir	-	root/root	drwxr-xr-x	2024-07-28 11:48:14
..	dir	-	root/root	drwxr-xr-x	2024-07-28 11:48:18
bar-negative.js	text/x-c	3.85 KB	root/root	-rwxr-xr-x	2024-07-28 02:07:12
bar-negative.min.js	text/x-c	1.72 KB	root/root	-rwxr-xr-x	2024-07-28 02:07:12
bar.js	text/x-asm	4.14 KB	root/root	-rwxr-xr-x	2024-07-28 02:07:12
bar.min.js	text/x-c	1.87 KB	root/root	-rwxr-xr-x	2024-07-28 02:07:12
grouped-bar.js	text/x-asm	5.53 KB	root/root	-rwxr-xr-x	2024-07-28 02:07:12
grouped-bar.min.js	text/x-c	2.71 KB	root/root	-rwxr-xr-x	2024-07-28 02:07:12
normalized-stacked-bar.js	text/x-asm	5 KB	root/root	-rwxr-xr-x	2024-07-28 02:07:12
normalized-stacked-bar.min.js	text/x-c	2.43 KB	root/root	-rwxr-xr-x	2024-07-28 02:07:12
stacked-bar.js	text/x-asm	5.43 KB	root/root	-rwxr-xr-x	2024-07-28 02:07:12
stacked-bar.min.js	text/x-c	2.64 KB	root/root	-rwxr-xr-x	2024-07-28 02:07:12
stacked-to-grouped.js	text/x-c	5.72 KB	root/root	-rwxr-xr-x	2024-07-28 02:07:13
stacked-to-grouped.min.js	text/x-c	2.63 KB	root/root	-rwxr-xr-x	2024-07-28 02:07:13
stacked-to-multiples.js	text/x-asm	6.14 KB	root/root	-rwxr-xr-x	2024-07-28 02:07:13
stacked-to-multiples.min.js	text/x-c	3.15 KB	root/root	-rwxr-xr-x	2024-07-28 02:07:13
waterfall.js	text/x-asm	5.27 KB	root/root	-rwxr-xr-x	2024-07-28 02:07:13
waterfall.min.js	text/x-c	2.47 KB	root/root	-rwxr-xr-x	2024-07-28 02:07:13