Vue 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.

App.vue
  • <template>
  • <DxFunnel
  • algorithm="dynamicHeight"
  • :inverted="true"
  • />
  • </template>
  •  
  • <script>
  • import DxFunnel from 'devextreme-vue/funnel';
  •  
  • export default {
  • components: {
  • DxFunnel
  • }
  • }
  • </script>

View Demo

See Also