drawPieChart

I am trying to create a statistics page for my app that will have various charts that are created dynamically depending on the type of data the user has. To do this, I am stacking multiple ViewControllers according to this tutorial: https://swiftwithmajid.com/2019/02/27/building-complex-screens-with-child-viewcontrollers/

I am running into an issue where the ViewController's View is added to the main StackView as an arrangedSubView, but instead of it stacking the views vertically and allowing me to scroll through them all, it just stacks them on top of each other in the z-direction.

Here is the StackViewController Code:

My program is drawing different graphs whenever user push arrow DOWN. I'm using Enum for this and I am going through each one and I display chosen type of graph on press of DOWN arrow.

In this moment I have 3 types of graph and whenever I go through all of them back to the first one my program throw java.lang.IllegalStateException: Not on FX application thread; currentThread = AWT-EventQueue-0

I have a pie chart here https://codepen.io/dbousamra/pen/rNVyMNR

I am trying to build this:

Notice the angles and offsets of the 2nd slices in the Pie? How do I achieve this?

I am using PieChartView to draw following Pie chart in my app. My requirement is to show only %(percentage) not the key name.

This is my code to draw pie chart in view

I am trying to represent some data which have big differences between them, like [500, 30, 20, 5, 1, 1] and my chart is not really readable. How can I cam make each segment from the pie chart to be more evenly distributed.

I have multiple pie charts that are in a table. How can i remove the space between them?

I tried a lot if different options (making the div element smaller, this: Remove padding or margins from Google Charts, or this: remove space between two td elements in a table), but nothing worked.

This is my code: JS

I am getting some data which are in range of 0 to 100, so I want to group them in different group say [0, 50, 80, 100] and plot pie chart with different color for each group of data like
(0-50 red, 51-80 yellow, 81-100 green).

I'm trying to integrate Google Charts with Wordpress, using Advanced Custom Fields input to populate the data. After just one iteration in the Javascript, it crashes, despite proper data formatting.

From other questions I gathered google.visualization must not be loading in time since it's undefined, but the authors of those questions didn't use setOnLoadCallback. I have, which should address that. What am I misunderstanding?

functions.php:

I have code that successfully creates a pie chart given arbitrary input data. It produces a pie chart that looks like this:

What I want:

I wish to create an animation that draws those pieces of the pie chart in a sequential order. That is, I wish to perform a "clock swipe" animation of the pie chart. The screen should start of black and then gradually fill to produce the above image of the pie chart.

The problem:

I am trying to create a layer mask for each pie chart piece and animate the layer mask so that the pie chart piece fills in an animation. However, when I implement the layer mask, it does not animate and the screen remains black.

The code: