Kendo UI for Vue

Vue Radar Chart

  • Compare two or more data series with the KendoVue Radar Chart.
  • Part of the Kendo UI for Vue library along with 100+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, learning resources and more!
Radar Chart Header
  • Build Powerful Radar Charts with Kendo UI for Vue

    The Kendo UI for Vue Radar Chart displays data points from multiple variables over a radial graph. It helps you compare diverse categories by plotting their values along a radial coordinate system and without creating any visual clutter. A popular use case for the Vue Polar Chart is visualizing the Myers-Briggs personality assessment test. Enjoy built-in customization options for multiple axes, flexible data binding and modern themes.

    See the Vue Radar Chart demo

    Radar Area Chart
  • Data Binding

    You can populate the Vue Radar Chart series with data from various source types, including numbers, arrays and objects (or models)—simply specify the fields you want to use.

    See the Vue Radar Chart data binding demo

  • Rendering

    The Vue Radar Chart showcases data in both Canvas (bitmap) and SVG (vector graphics) formats. SVG serves as the default format to ensure consistently sharp data presentations. For situations prioritizing performance, you can seamlessly switch to the canvas format via a single configuration option, ensuring your chart handles large datasets and real-time updates without interruptions.

    See the Vue Radar Chart rendering demo

  • Export Options

    Export your Vue Radar Chart to various formats such as PDF, SVG, PNG, and the Kendo UI drawing format. In scenarios requiring adjustments to image size or fitting the chart to a specific paper size when exporting to PDF, the component's intuitive export method preserves the quality and rendering of the Chart in the output file.

    See the Vue Radar Chart export demo

  • Vue Radar Chart Themes

    Customize the series colors of the Kendo UI for Vue Radar Chart component using one of our predefined color sets, including Default (our own styling), Material (based on Material Design guidelines), Bootstrap (resembling Bootstrap styling), and Fluent (based on Microsoft Fluent UI). You can further personalize any of the built-in themes or create a new theme to match your brand's identity using Progress ThemeBuilder.

    See the Vue Radar Chart appearance demo

  • Globalization

    The Kendo UI for Vue Radar Chart provides support for globalization and localization to ensure the component effectively serves applications in various languages and locales. You can also enable right-to-left (RTL) rendering for languages with scripts read from right to left.

    See the Vue Radar Chart globalization demo

Next Steps

Get Started with Kendo UI for Vue

Kendo UI for Vue - Kendoka