Category / Section
What is the use of lineCap and lineJoin properties for line series?
1 min read
The lineCap property specifies the type of line cap that should be applied to the line segments in the line series. The possible values of this property are butt, round, and square.
The property lineJoin specifies the type of line that should be applied when two lines intersect. The possible values of this property are miter, round, and bevel.
JS
$("#container").ejChart({
primaryXAxis: {
valueType: 'category'
},
commonSeriesOptions: {
type: 'line',
lineCap: 'square',
lineJoin: 'bevel'
}
});
The following screenshot displays the line series with round line cap and miter line join at 400% zoom level of the browser
Figure 1: Line series with round line cap and miter line
JS Playground sample link: Line Cap and Line Join
