Introduction
Getting Started
Vue 2 End of Support
Native Components
- Animation
- Buttons
- Chartsupdated
- - Overview
  - Data Binding
  - Globalization
  - Chart Elementsupdated
  - - Axes
    - Chart Area
    - Crosshairs
    - Error Bars
    - Labels
    - Legend
    - Notes
    - Panes
    - Plot Area
    - Plot Bands
    - Selection
    - Series
    - Title
    - Tooltips
    - Trendlinesnew
  - Chart Features
  - Area
  - Bar
  - Box Plot
  - Bubble
  - Bullet
  - Donut
  - Funnel
  - Line
  - Pie
  - Polar
  - Pyramidnew
  - Radar
  - Range Area
  - Range Bar
  - Scatter
  - Sparkline
  - StockChart
  - Waterfall
  - Glossary
  - Troubleshooting
  - Events
  - API
- Conversational UInew
- Data Query
- Data Tools
- Date Inputs
- Date Math
- Dialogs
- Drawing
- Dropdownsupdated
- Editor
- Excel Export
- File Saver
- Form
- Gauges
- Grid
- Icons
- Indicators
- Inputs
- Labels
- Layoutupdated
- ListBox
- ListView
- Notification
- PDF Processing
- Popup
- Progress Bars
- Scheduler
- ScrollView
- Tooltip
- TreeList
- TreeView
- Upload
Wrapper Components
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
FAQ
Troubleshooting

Components / Charts / Chart Elements / Chart Area /

New to Kendo UI for Vue? Start a free 30-day trial

Chart Area

The Chart area is a container for all Chart elements, including the legend and the title.

To customize the Chart area, use the ChartArea configuration component.

The following example demonstrates how to configure the background of the Chart area and its margin (in pixels).

Example

View Source

Change Theme:

Suggested Links

Is this article helpful?

Thank you for your feedback!