stroke


stroke: {
    show: true,
    curve: 'smooth',
    lineCap: 'butt',
    colors: undefined,
    width: 2,
    dashArray: 0,      
}

To show or hide path-stroke / line

In line / area charts, whether to draw smooth lines or straight lines
Available Options

smooth: connects the points in a curve fashion. Also known as spline
straight: connect the points in straight lines.
stepline: points are connected by horizontal and vertical line segments, looking like steps of a staircase.

You can also pass an array in stroke.curve, where each index corresponds to the series-index in multi-series charts.


stroke: {
  curve: 'smooth',
  // OR provide an array
  curve: ['smooth', 'straight', 'stepline']
}

For setting the starting and ending points of stroke
Available Options

butt: ends the stroke with a 90-degree angle
square: similar to butt except that it extends the stroke beyond the length of the path
round: ends the path-stroke with a radius that smooths out the start and end points

Colors to fill the border for paths.

Sets the width of border for svg path

Creates dashes in borders of svg path. Higher number creates more space between dashes in the border.

Stay Updated