Kendo UI for Vue

Vue Pyramid Chart

  • Easily visualize data within a pyramidal structure organized into horizontal segments.
  • Part of the Kendo UI for Vue library along with 100+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, learning resources and more!
Pyramid Chart Header
  • Overview

    The Kendo UI for Vue Pyramid Chart is visualizes data in a pyramidal structure with horizontal segments. It facilitates a different size for each section, effectively showcasing the hierarchy of topics based on their respective width. This type of chart is ideal for showing the different stages in a sales process, as well as for illustrating the potential revenue from each stage. It can also be used to identify potential problem areas and to illustrate multiple values. 

    See the Vue Pyramid Chart Overview demo 

    Pyramid Chart Overview
  • Fixed Height

    By default, the pyramid segments height is proportional to their respective value. You can set a fixed height for all the segments by simply setting the dynamicHeight property to false. 

    See the Vue Pyramid Chart Fixed Height demo 

  • Export Options

    You have the option to export your Vue Pyramid Chart to PDF, SVG, PNG and the Kendo UI drawing format. In case you need to adjust the image size or fit the chart to a particular paper size, the intuitive export method will enable you to preserve the chart’s quality and rendering in the output file.  

    See the Vue Charts Export Options demo    

  • Appearance and Styling

    You have the flexibility to customize the series colors of the Kendo UI for Vue Pyramid Chart with one of our predefined color sets, including Default, Material, Bootstrap and Fluent. For an additional level of customization, you can adjsut any of the built-in themes or create a completely new theme to match your brand identity using the Progress ThemeBuilder.  

    See the Vue Charts Appearance demo    

  • Globalization

    The Kendo UI for Vue Pyramid Chart supports globalization and localization capabilities to ensure a seamless experience with any application’s language and locale. You can also use the right-to-left support for languages whose scripts are read right to left.  

    See the Vue Charts Globalization demo  

Next Steps

Get Started with Kendo UI for Vue

Kendo UI for Vue - Kendoka