Introduction
Getting Started
Vue 2 End of Support
Vue Wrappers End of Life
Native Components
- Animation
- Buttons
- Chartsupdated
- - Overview
  - Sankeynew
  - Data Binding
  - Globalization
  - Chart Elements
  - Chart Features
  - - Rendering Modes
    - Export Options
    - Panning and Zooming
    - Appearance
    - Using ChartInstance
  - Area
  - Bar
  - Box Plot
  - Bubble
  - Bullet
  - Donut
  - Funnel
  - Line
  - Pie
  - Polar
  - Pyramid
  - Radar
  - Range Area
  - Range Bar
  - Scatter
  - Sparkline
  - StockChart
  - Waterfall
  - Glossary
  - Troubleshooting
  - Events
  - API
- Conversational UI
- Data Query
- Data Tools
- Date Inputs
- Date Math
- Dialogs
- Drawing
- Dropdowns
- Editor
- Excel Export
- File Saver
- Form
- Gauges
- Gridupdated
- Icons
- Indicators
- Inputsupdated
- Labels
- Layout
- 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 Features / Appearance /

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

Appearance

The colors of the Chart are derived from the active Kendo UI for Vue theme. For customization of the themes, refer to the customizing themes article.

Setting the Dimensions

By default, the Chart is 400px high and as wide as its container. To set the dimensions of the Chart, use inline styles and CSS.

Example

View Source

Change Theme:

Limiting the Displayed Range

To limit the range which is displayed by the Chart:

Set the min and max options of the category axis.
Enable panning and zooming, so that the user is able to see the rest of the data.

Example

View Source

Change Theme:

Suggested Links

Panning and Zooming

Using ChartInstance