Introduction
Getting Started
Vue 2 End of Support
Native Components
- Animation
- Buttons
- Chartsupdated
- - Overview
  - Data Binding
  - Globalization
  - Chart Elementsupdated
  - 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 / API / SeriesLine /

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

SeriesLine

The appearance settings for the line of the Area, Candlestick, OHLC, and Waterfall series.

Name	Type	Default	Description
color?	`string`		The color of the line. Accepts a valid CSS color string, including hex and rgb.
opacity?	`number`		The line opacity. By default, the line is opaque (`opacity = 1`).
style?	`LineStyle`		The drawing style of the line. Applicable for the Area, Range Area, Polar Area, and Radar Area series. The supported values are: `"normal" (default)`—The values are connected with a straight line. `"step"`—The values are connected with a right-angled line. Supported only for the Area and Range Area series. `"smooth"`—The values are connected with a smooth line.
width?	`number`		The line width in pixels. By default, the width is set to `0` and the line is not visible.

Is this article helpful?

Thank you for your feedback!