DevExtreme v24.2 is now available.

Explore our newest features/capabilities and share your thoughts with us.

Angular React jQuery
  • Demos
  • Templates
  • Docs
  • What's new
    Roadmap
  • Support
  • ThemeBuilder
  • Blog
Free Trial Buy
  • Demos
  • Templates
  • Docs
  • What's new
    New
  • Roadmap
    New
  • Support
  • ThemeBuilder
  • Blog
  • Overview
  • What's New
  • Getting Started
  • Licensing
  • UI Components
    • Accordion
    • ActionSheet
    • Autocomplete
    • BarGauge
    • Box
    • Bullet
    • Button
    • ButtonGroup
    • Calendar
    • Chart
    • Chat
    • CheckBox
    • CircularGauge
    • ColorBox
    • ContextMenu
    • DataGrid
    • DateBox
    • DateRangeBox
    • DeferRendering
    • Diagram
    • Draggable
    • Drawer
    • DropDownBox
    • DropDownButton
    • FileManager
    • FileUploader
    • FilterBuilder
    • Floating Action Button
    • Form
    • Funnel
    • Gallery
    • Gantt
    • HtmlEditor
    • LinearGauge
    • List
    • LoadIndicator
    • LoadPanel
    • Lookup
    • Map
    • Menu
    • MultiView
    • NumberBox
    • Pagination
    • PieChart
      • Getting Started
      • How To
      • API
      • Demos
    • PivotGrid
    • PivotGridFieldChooser
    • PolarChart
    • Popover
    • Popup
    • ProgressBar
    • RadioGroup
    • RangeSelector
    • RangeSlider
    • Resizable
    • ResponsiveBox
    • Sankey
    • Scheduler
    • ScrollView
    • SelectBox
    • Slider
    • Sortable
    • Sparkline
    • Splitter
    • Switch
    • TabPanel
    • Tabs
    • TagBox
    • TextArea
    • TextBox
    • TileView
    • Toast
    • Toolbar
    • Tooltip
    • TreeList
    • TreeMap
    • TreeView
    • VectorMap
    • Common Types
    • Utilities
  • Common Concepts
  • DevExtreme CLI
  • Vue Application Template
  • Accessibility
  • Security Considerations
  • Troubleshooting
  • Integration Guides
Documentation Menu
  • Vue Documentation
  • UI Components
  • PieChart
  • Demos
  • Vue Documentation
  • UI Components
  • PieChart
  • Demos
v25.1 v24.2 v24.1 v23.2 v23.1 v22.2 v22.1 v21.2 v21.1
The page you are viewing does not exist in version 21.1.
v20.2
The page you are viewing does not exist in version 20.2.
v20.1
The page you are viewing does not exist in version 20.1.
v19.2
The page you are viewing does not exist in version 19.2.
v19.1
The page you are viewing does not exist in version 19.1.
v18.2
The page you are viewing does not exist in version 18.2.
v18.1
The page you are viewing does not exist in version 18.1.
v17.2
The page you are viewing does not exist in version 17.2.

Vue PieChart - Demos

PieChart features are illustrated and described in the following technical demos:

Pie Charts

  • Pie
  • Pies with Equal Sizes
  • Pie with Custom Labels
  • Pie with Small Values Grouped
  • Pie with Resolved Label Overlapping
  • Palette
  • Pie with Annotations
  • Pie with Custom Fill Styles

Doughnut Charts

  • Doughnut
  • Doughnut Selection
  • Doughnut with Top N Series
  • Doughnut with Multiple Series
  • Custom Label in the Center

More Features

  • Export Several Charts
  • Display a Tooltip - API
  • Tooltips: HTML Markup Support
Was this topic helpful?
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!

Copyright © 2011-2025 Developer Express Inc.
All trademarks or registered trademarks are property of their respective owners.

Use of this site constitutes acceptance of the Developer Express Inc Website Terms of Use, Privacy Policy (Updated), and .
Use of DevExtreme UI components/libraries constitutes acceptance of the Developer Express Inc End User License Agreement.

FAQs: Licensing | DevExpress Support Services | Supported Versions & Requirements | Maintenance Releases