Angular Funnel - Pyramid Chart

You can use the Funnel UI component to create a pyramid chart. Change the algorithm property to "dynamicHeight" and the inverted property to true.

HTML
TypeScript
  • <dx-funnel ...
  • algorithm="dynamicHeight"
  • [inverted]="true">
  • </dx-funnel>
  • import { DxFunnelModule } from "devextreme-angular";
  • // ...
  • export class AppComponent {
  • // ...
  • }
  • @NgModule({
  • imports: [
  • // ...
  • DxFunnelModule
  • ],
  • // ...
  • })

View Demo

See Also