Allow rounded corners in pyramid charts

[bcmrcool]

Description of the feature

We'd like to have rounded corners in highchart's pyramid chart as in the following image:

It currently looks like:

I've looked around and reached out to support to no avail.

Library related to the feature

Highcharts

Proof of Concept/Live example for the feature

---

You can vote for this feature by adding a thumbs-up reaction to this post.

[pawellysy]

Hello @bcmrcool, thanks for your input!

As a workaround you can use the following drop-in modification: https://jsfiddle.net/BlackLabel/aqd2yn0v/

[bcmrcool]

Hello @bcmrcool, thanks for your input!

As a workaround you can use the following drop-in modification: https://jsfiddle.net/BlackLabel/aqd2yn0v/

Hi @pawellysy , it doesn't seem to work in my case. Do you know of a resource to help me better understand shapeArgs?

An entire section of my pyramid is chopped off. For what it's worth I do have an additional letter M in my shape args however I'm not really sure what that translates to.

[bcmrcool]

hi @pawellysy, for reference here I have a jsfiddle here which is exactly how I've got my chart setup: https://jsfiddle.net/osdm2je8/74/, really appreciate the help

[pawellysy]

Hi @bcmrcool, thanks for your feedback!
In highcharts, shapeArgs property defines the shape, that each point should have. In case of paths (like most points are created) the d property comes as a SVG Path line command. The docs of the SVG Path you can find here.

In case of your example, the snippet I shared is only a PoC, which shows that this is achievable, but not really a fully working implementation. We'll look into it though

[bcmrcool]

hey @vazonik or @TorsteinHonsi , which version of highcharts can we expect to see this change?

[pawellysy]

@bcmrcool, When the PR gets merged, you can expect the feature to be added in the next release :)

[vazonik]

Hi @bcmrcool, in addition to what @pawellysy said, it's already merged, so if you really want to use it now for testing purposes, you can import the build from: https://github.highcharts.com/modules/funnel.js
(demo: https://jsfiddle.net/BlackLabel/ykdvn8Lz/)

Keep in mind, however, that this is a build of the current state of the main branch, which is constantly changing so it's not suitable for use in production. For that, you should wait for the official release.