Angular Funnel Chart with Index Labels

/* app.component.ts */
import { Component } 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 {
    chartOptions = {
        animationEnabled: true,
        title: {
            text: "Email Conversation Rate"
        },
        data: [{
            type: "funnel",
            indexLabel: "{name}: {y}",
            valueRepresents: "area",
            dataPoints: [
                { y: 10000, name: "Recieved Email" },
                { y: 2000, name: "Opened Email" },
                { y: 1500, name: "Visited Website" },
                { y: 500, name: "Added Product to Cart" },
                { y: 250, name: "Completed Purchase" }
            ]
        }]
    }
}