highcharts-rounded-corners-stacked

This plugin allows individually rounded corners in columns and bars. Improves the looks on stacked charts and allows better alignment to the threshold line. Aditionaly was agregated a improvement to avoid that the bars that not are on the top have corners

Usage no npm install needed!

<script type="module">
  import highchartsRoundedCornersStacked from 'https://cdn.skypack.dev/highcharts-rounded-corners-stacked';
</script>

README

Rounded corners

This plugin adds options for setting rounded corners on bar and column charts.

The contents of the plugin is located in the javascript file rounded-corners.js.

This plugin is published under the MIT license, and the license document is included in the repository.

Usage

The plugin adds four options to the column series object; borderRadiusTopLeft, borderRadiusTopRight, borderRadiusBottomLeft and borderRadiusBottomRight. If the options are given as numbers, they are interpreted as pixels. If given as percentage strings, they are percentages of the column width.

Demo

NOTE

Aditionaly was agregated a improvement to avoid that the bars that not are on the top have corners rounded when used is stacked chart