JavaScript/jQuery Funnel - Relocate the Legend

The legend can be aligned in the horizontal or vertical direction using the horizontalAlignment or verticalAlignment property.

HTML
TypeScript
  • <dx-funnel>
  • <dxo-legend
  • horizontalAlignment="center" <!-- or "left" | "right" -->
  • verticalAlignment="top"> <!-- or "bottom" -->
  • </dxo-legend>
  • </dx-funnel>
  • import { DxFunnelModule } from "devextreme-angular";
  • // ...
  • export class AppComponent {
  • // ...
  • }
  • @NgModule({
  • imports: [
  • // ...
  • DxFunnelModule
  • ],
  • // ...
  • })

Below, you can try out these properties in action.

See Also