• Introduction
  • Getting Started
  • Native Components
  • Wrapper Components
    • Introduction
    • Barcodes
    • Buttons
    • Charts
    • 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
New to Kendo UI for Vue? Start a free 30-day trial

PlotAreaProps

plot-area-background String

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

plot-area-border-color String

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

plot-area-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.

plot-area-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.

plot-area-margin Number

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

plot-area-margin-bottom Number

The bottom margin of the plot area.

plot-area-margin-left Number

The left margin of the plot area.

plot-area-margin-right Number

The right margin of the plot area.

plot-area-margin-top Number

The top margin of the chart plot area.

plot-area-opacity Number

The background opacity of the plot area. By default, the background is opaque.

plot-area-padding Number

The padding of the plot area. A numeric value will set all paddings. The default padding for the Pie, Donut, Radar, and Polar Charts is proportional to the Chart size.

plot-area-padding-bottom Number

The bottom padding of the plot area.

plot-area-padding-left Number

The left padding of the plot area.

plot-area-padding-right Number

The right padding of the plot area.

plot-area-padding-top Number

The top padding of the plot area.