html, body, #container-accelerator-acceptance-rate {

    width: 100%;

    height: 100%;

    margin: 0;

    background: #3c92ca;

}

anychart.onDocumentReady(function () {

    // create pie chart with passed data

    var chart = anychart.pie([

        ['Acceptance Rate', 1],

        ['Denial Rate', 99],

    ])

​

    // creates palette

    var palette = anychart.palettes.distinctColors();

    palette.items([

        {color: '#3cee27'},

        {color: '#fea914'},

    ])

    chart.labels()

        .fontSize(20)

        .fontWeight('600')

        .fontColor('#ffffff')

  ;

​

    //set chart radius

    chart.radius('43%')

    // create empty area in pie chart

        .innerRadius('60%')

        // set chart palette

        .palette(palette);

​

    // set outline settings

    chart.outline()

        .width('3%')

        .fill(function () {

            return anychart.color.lighten(this.sourceColor, 0.25);

        });

​

    // format tooltip

    chart.tooltip().format('Percent Value: {%PercentValue}%')

  ;

​

    // create standalone label and set label settings

    var label = anychart.standalones.label();

    label.enabled(true)

        .text('Traditional Accelerator Acceptance Rate: 1%')

        .width('100%')

        .height('100%')

        .adjustFontSize(true, true)

        .minFontSize(28)

        .maxFontSize(28)

        .fontWeight('600')

        .fontColor('#ffffff')

        .fontStyle('Montserrat')

        .position('center')

        .anchor('center')

        .hAlign('center')

        .vAlign('middle');

​

    // set label to center content of chart

    chart.center().content(label);

​

    // set container id for the chart

    chart.container('container-accelerator-acceptance-rate')

    .background('#3c92ca');

    // initiate chart drawing

    chart.draw();

});