React Funnel - Relocate the Legend

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

App.vue
  • <template>
  • <DxFunnel ... >
  • <DxLegend
  • horizontal-alignment="center" <!-- or "left" | "right" -->
  • vertical-alignment="top" <!-- or "bottom" -->
  • />
  • </DxFunnel>
  • </template>
  •  
  • <script>
  • import DxFunnel, { DxLegend } from 'devextreme-vue/funnel';
  •  
  • export default {
  • components: {
  • DxFunnel,
  • DxLegend
  • }
  • }
  • </script>

Below, you can try out these properties in action.

See Also