Angular Funnel Chart without Neck

/* app.component.ts */
import { Component, OnInit } from '@angular/core';
import { RouterOutlet } from '@angular/router';
import { CommonModule } from '@angular/common';
import { CanvasJSAngularChartsModule } from '@canvasjs/angular-charts';

@Component({
    selector: 'app-root',
    standalone: true,
    imports: [RouterOutlet, CommonModule, CanvasJSAngularChartsModule],
    templateUrl: './app.component.html',
    styleUrl: './app.component.css',
})
export class AppComponent implements OnInit {
    ngOnInit() {
        this.calculatePercentage(this.chartOptions);
    }

    chartOptions = {
        animationEnabled: true,
        theme: "dark2",
        title: {
            text: "Recruitment Analysis"
        },
        data: [{
            type: "funnel",
            indexLabel: "{label} - {y}",
            toolTipContent: "{label}: {y} ({percentage}%)",
            neckWidth: 20,
            neckHeight: 0,
            valueRepresents: "area",
            dataPoints: [
                { y: 4871, label: "Applications" },
                { y: 2996, label: "Screened" },
                { y: 1298, label: "Qualified" },
                { y: 918, label: "Interviewed" },
                { y: 251, label: "Offers Extended" },
                { y: 181, label: "Filled" }
            ]
        }]
    }

    calculatePercentage = (chartOptions: any) => {
        let dataPoint = chartOptions.data[0].dataPoints;
        let total = dataPoint[0].y;
        for (let i = 0; i < dataPoint.length; i++) {
            if (i == 0) {
                chartOptions.data[0].dataPoints[i].percentage = 100;
            } else {
                chartOptions.data[0].dataPoints[i].percentage = ((dataPoint[i].y / total) * 100).toFixed(2);
            }
        }
    }
}