Highcharts Demo

author(s): Torstein Hønsi

by Heena Mahour

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="chartID" style="height: 300px"></div>

JavaScript

$(function () {
    debugger;
        // Make monochrome colors and set them as default for all pies
    Highcharts.getOptions().plotOptions.pie.colors = (function () {
        var colors = [],
            base = Highcharts.getOptions().colors[0],
            i;

        for (i = 0; i < 10; i += 1) {
            // Start out with a darkened base color (negative brighten), and end
            // up with a much brighter color
            colors.push(Highcharts.Color(base).brighten((i - 3) / 7).get());
        }
        return colors;
    }());
    var series = [{"name":"Enterprise Value","data":[{"name":"Equity","y":25,"color":"#00796B"},{"name":"Debt","y":75,"color":"#AED283"}],"size":"100%","innerSize":"90%","showInLegend":false,"dataLabels":{"distance":10,"style":{"font":"13px Trebuchet MS, Verdana, sans-serif","fontWeight":"bold"}}},{"name":"Debt Value","data":[{"name":"Varde Equity","y":20.833333333333336},{"name":"Others","y":4.166666666666666},{"name":"Royal Bank of Canada","y":25},{"name":"CitiBank","y":41.66666666666667},{"name":"Barclays","y":8.333333333333332},{"name":"BOA","y":25}],"size":"90%","innerSize":"75%","showInLegend":true,"dataLabels":{"distance":-18,"style":{"font":"13px Trebuchet MS, Verdana, sans-serif","fontWeight":"bold"}}}];
    var title= "33.33 %";
    var dealTooltipInner = [{"d":"25,000,000","p":"20.83"},{"d":"5,000,000","p":"4.17"},{"d":"30,000,000","p":"25.00"},{"d":"50,000,000","p":"41.67"},{"d":"10,000,000","p":"8.33"},{"d":"30,000,000","p":"25.00"}];
    var dealTooltipOuter = [{"d":"30,000,000","p":"25.00"},{"d":"90,000,000","p":"75.00"}];
    
    for(var i=0; i< series.length; i++)
    {
        if(series[i].name == "Debt Value")
        {
            series[i]["dataLabels"]["formatter"]= function()
            {
                this.point.dollarval = dealTooltipInner[this.point.x];
                return (this.y).toFixed(2);
            }
        }
        else if (series[i].name == "Enterprise Value")
        {
           ...