DevExtreme React - Pyramid Chart

You can use the Funnel widget to create a pyramid chart. Change the algorithm option to "dynamicHeight" and the inverted option to true.

jQuery
JavaScript
$(function() {
    $("#funnelContainer").dxFunnel({
        // ...
        algorithm: "dynamicHeight",
        inverted: true
    });
});
Angular
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