Introduction
Getting Started
Vue 2 End of Support
Vue Wrappers End of Life
Native Components
Wrapper Components
- Introduction
- Barcodes
- Buttons
- Charts
- - Overview
  - Chart
  - SparkLine
  - StockChart
  - Series Types
  - Glossary
  - API
- Chat
- DataSource
- Date Inputs
- Diagram
- Dialog
- Dropdowns
- DropDownTree
- Editor
- Gantt
- Gauges
- Grid (wrapper)
- Inputs
- Layout
- List Views
- ListBox
- Map
- MediaPlayer
- PivotGrid
- Popups
- Scheduler
- ScrollView
- Spreadsheet
- TreeList
- TreeMap
- TreeView
- Upload
- Validator
- Window
- Framework & Features
- Globalization
- Troubleshooting
- Using Wrapper Components in Vite
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
FAQ
Troubleshooting

Components / Charts / API / panesProps Chart API /

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

PanesProps

panes-pane-background `String`

The background color of the Chart pane. Accepts any valid CSS color string, including hex and rgb.

panes-pane-border-color `String`

The color of the border. Accepts any valid CSS color string, including hex and rgb.

panes-pane-border-dash-type `String`

The dash type of the border.

The supported dash types are:

dash—A line that consists of dashes.
dashDot—A line that consists of a repeating dash-dot pattern.
dot—A line that consists of dots.
longDash—A line that consists of a repeating long-dash pattern.
longDashDot—A line that consists of a repeating long-dash-dot pattern.
longDashDotDot—A line that consists of a repeating long-dash-dot-dot.
solid—A solid line.

panes-pane-border-width `Number`

The width (in pixels) of the border. By default, the border width is set to zero which means that the border will not appear.

panes-pane-clip `Boolean`

Specifies whether the cCarts in the pane will be clipped. By default, all Charts except Radar, Polar, and 100% Stacked charts are clipped.

panes-pane-height `Number`

The height (in pixels) of the Chart pane.

panes-pane-margin `Number`

The margin of the pane. A numeric value will set all margins.

panes-pane-margin-bottom `Number`

The bottom margin of the Chart panes.

panes-pane-margin-left `Number`

The left margin of the Chart panes.

panes-pane-margin-right `Number`

The right margin of the Chart panes.

panes-pane-margin-top `Number`

The top margin of the Chart panes.

panes-pane-name `String`

The unique name of the Chart pane.

panes-pane-padding `Number`

The padding of the pane. A numeric value will set all paddings.

panes-pane-padding-bottom `Number`

The bottom padding of the Chart panes.

panes-pane-padding-left `Number`

The left padding of the Chart panes.

panes-pane-padding-right `Number`

The right padding of the Chart panes.

panes-pane-padding-top `Number`

The top padding of the Chart panes.

panes-pane-title `String`

The title configuration of the Chart pane.

panes-pane-title-background `String`

The background color of the title. Accepts any valid CSS color string, including hex and rgb.

panes-pane-title-border-color `String`

The color of the border. Accepts any valid CSS color string, including hex and rgb.

panes-pane-title-border-dash-type `String`

The dash type of the border.

The supported dash types are:

dash—A line that consists of dashes.
dashDot—A line that consists of a repeating dash-dot pattern.
dot—A line that consists of dots.
longDash—A line that consists of a repeating long-dash pattern.
longDashDot—A line that consists of a repeating long-dash-dot pattern.
longDashDotDot—A line that consists of a repeating long-dash-dot-dot.
solid—A solid line.

panes-pane-title-border-width `Number`

The width (in pixels) of the border. By default, the border width is set to zero which means that the border will not appear.

panes-pane-title-color `String`

The text color of the title. Accepts any valid CSS color string, including hex and rgb.

panes-pane-title-font `String`

The font style of the title.

panes-pane-title-margin `Number`

The margin of the title. A numeric value will set all margins.

panes-pane-title-margin-bottom `Number`

The bottom margin of the title.

panes-pane-title-margin-left `Number`

The left margin of the title.

panes-pane-title-margin-right `Number`

The right margin of the title.

panes-pane-title-margin-top `Number`

The top margin of the title.

panes-pane-title-position `String`

The position of the title.

The supported values are:

left—(Applicable to horizontal axes) The axis title is positioned on the left.
right—(Applicable to horizontal axes) The axis title is positioned on the right.
center—The axis title is positioned in the center.

panes-pane-title-text `String`

The text of the title.

panes-pane-title-visible `Boolean`

If panes-pane-title-visible is set to true, the Chart will display the pane title. By default, the pane title is visible.

panes-pane-title-visual `Function`

A function for creating a custom visual for the title.

The supported argument fields are:

text—The label text.
rect—The kendo.geometry.Rect that defines where the visual will be rendered.
sender—The Chart instance (may be undefined).
options—The label options.
createVisual—A function that can be used to get the default visual.