So I had some major developments towards finding a solution.
I managed to precent a pie-chart and doing so in a dynamic manner regardless of what kind of data I'm working with.
The issue I'm experiencing though in regards to the tooltip when hovering on each one of those slices:
as you can see in the image for some reason whenever I'm hovering on the slices of the pie-chart the data of each of those slices gets presented to at the bottom left corner of this image (5-9 yrs:34) . Instead I would like to have it similar to the way they have it in this example:
Now understand that they working in their sandbox with hosted layer from their online tool (?), however in my case I'm working with locally fetched data from a JSON file.
This is how my popup tempalate looks like:
Now I removed the tooltipFields property because it wasn't working at all.
and the fields_to_present array hold the following items: