Line Cap determines how lines are displayed at both ends, while Line Join determines the style between two joined lines. The properties may have several standard values, but we will keep it simple with three basic styles, for both properties: sharp, round and cut (where cut is kind of a partially round). Use the LineCapJoin search keyword to locate all chart templates discussed in this article.
Several multi-app templates show you how lines appear for each individual chart application, by chart type. We isolated single and multi-series line and area charts. Look at the Line Cap/Join – Defaults, Sharp, Round and Cut templates, with few samples below:
We have many inconsistencies from one chart app to another. FusionCharts shows only round corners, while Microsoft ASP.NET Charts display ugly straight corners for the emulated Jump charts. amCharts displays some lines sharp, others round. Most apps however display all lines with sharp corners. Looking closer (with a larger line width), some line joins may appear rather ugly and unpolished: