DevExtreme Vue - Relocate Labels

Labels are arranged in a column by default. Change the label.position option to display labels beside or inside funnel items.

jQuery
JavaScript
$(function() {
    $("#funnelContainer").dxFunnel({
        // ...
        label: {
            position: "columns" // or "inside" | "outside"
        }
    });
});
Angular
HTML
TypeScript
<dx-funnel ... >
    <dxo-label
        position="columns"> <!-- or "inside" | "outside" -->
    </dxo-label>
</dx-funnel>
import { DxFunnelModule } from "devextreme-angular";
// ...
export class AppComponent {
    // ...
}
@NgModule({
    imports: [
        // ...
        DxFunnelModule
    ],
    // ...
})
See Also