%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/opti/workflow/src/public/app-assets/js/scripts/charts/d3/pie/
Upload File :
Create Path :
Current File : /home/opti/workflow/src/public/app-assets/js/scripts/charts/d3/pie/donut-multiples.js

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

// Donut multiples chart
// ------------------------------
$(window).on("load", function(){

    var ele = d3.select("#donut-multiples"),
    margin = 10,
    width = 300,
    height = 300;
    radius = (Math.min(width, height) - (margin * 2) ) / 2;

    // Data
    var data = [
        [ 25,  11, 22, 28, 14],
        [ 51, 87, 65, 42, 78],
        [ 65, 35, 80, 90, 75],
        [ 36, 78, 64,  32, 69]
    ];

    // Colors
    var colors = d3.scale.ordinal()
    .range(["#99B898", "#FECEA8", "#FF847C", "#E84A5F", "#F8B195", "#F67280", "#C06C84"]);


    // Chart
    // ------------------------------

    var svg = ele
        .selectAll("svg")
        .data(data)
        .enter()
        .append("svg")
            .attr("width", width)
            .attr("height", height)
            .append("g")
                .attr("class", "d3-arc")
                .attr("transform", "translate(" + (radius + margin) + "," + (radius + margin) + ")");

    // Arc
    var arc = d3.svg.arc()
        .innerRadius(radius / 1.75)
        .outerRadius(radius);


    svg.selectAll("path")
        .data(d3.layout.pie())
        .enter()
        .append("path")
            .attr("d", arc)
            .style("stroke", "#fff")
            .style("fill", function(d, i) { return colors(i); });
});

Zerion Mini Shell 1.0