highcharts | Highcharts JS , the JavaScript charting framework | Chart library

I need to create a treemap with round corners as shown in the image

I have tried:

• Changing plotOptions.treemap.borderRadius set the radius for each box instead of the entire plot.

• Using chart.borderRadius has no impact on the graph, I believe it is so because the plot itself is not going till the edge of the chart.

• The rounded-corners library by highcharts does not work with treemaps. It is working well with bar charts

Any direction on how to achieve this is appreciated. Here's a jsfiddle of treemap for reference.

Here are options I have tried

I am trying to use the persistent build cache feature provided by angular but look like its not working for me, I am trying the below command

In highcharts, I'm trying to make so that when the user selects or hover over a slice of a pie chart, the slice makes the effect of getting up in the z axis (towards the user). I'm trying to accomplish this by setting a shadow filter through css and making the border of the slice wider (with the same color of the fill). However, the issue I face is that the slices can still be below other slices, so the selected slice and its shadow will go behind those slices thus still seeming to be under them. To further illustrate:

Since red was added last, it looks good when selected - it's above the other pie slices.

However, blue gets stuck behind the other slices when selected, because it was first in the array.

I know SVG will stack elements after their order in the DOM and not with a css property such as z-index, so one idea was to remove the selected point and then appending it again. This rearranges the whole pie however, so it's not an alternative.

Is there any other solution for this I'm not thinking of?

I am currently working with highcharts in Jekyll and have seen documentation on how to put two 'divs' together, but I was unsure on how I could do this in Jekyll using CSS. My current jsfiddle is here where the two charts are stacked.

I am trying to force highcharts to show last label on x-axis when "step" is enabled. Code below works but it hides last label when I change device width (let's say open chrome console). Problem arises on mobile devices when I scroll down after the chart, last label disappears.

I am making a stacked bar-chart using QuickChart. The stack loads the data from bottom to top. I want it to be top to bottom, having my first entry at the top. Referring to this post, I tried adding reversed like in Highcharts, but it doesn't help.

I am currently using nuxt-highcharts: 1.0.8 and nuxt: 2.11.0

I have a basic series data below where I want it to update continuously using setInterval. My update is more on adding a single candle only then that single additional candle will always update. But after adding the first time, my chart will not change anymore.

(Not Working Properly)

I like the way in AngularJS of fetching external data before showing webpage. The data will be sent one by one to the frontend before showing the webpage. We are certain that the website and the data on it is good when we see it.

The issue is that the individual sliver radius' of this variable pie chart are not consistent with the the percentage labels (i.e. 25%, 50%, 75%, and 100%). The radius' all seem to be correctly calculated, but visually I cannot seem to figure out how to get them to match correctly with the label rings. It feels like some small config property that's padding the label rings incorrectly, or maybe I just have a fundamental misunderstanding of calculating these z values. I've been spinning my wheels on this for a while now, and any help would be amazing!

Also, I currently do not have enough SO street cred to post a photo of the chart, but I will try to quickly get 10 karma in order to post it. Edit: Yay, I did it! I have street cred now.

A good example of the current problem would be to look at the largest orange sliver in the top-center/right. That sliver is associated with the "Intellectual Engagement" item in the legend that correctly shows it's z value as 85. The problem is that 85 shouldn't extend all the way up to the 100% radius label.