Remove Fill color from Pictorial Stacked Chart

[MohitKandpal]

Hi,

I am using Pictorial Stacked chart in my application and the image I am using is of tyre -

While rendering this image, I want to use the fill colors of this image and not of amcharts color pallet. Below is the codepen URL - https://codepen.io/mohit_k/pen/abMaZex. Is there any way to achieve this ??

I tried series.slices.template.fill property but it can take only one color and this image is using multiple colors. Attaching SVG as well for the reference.

Thanks & Regards,
Mohit Kandpal

[Martynas Majeris]

You can set the fillOpacity = 0 to make slices transparent:

series.slices.template.fillOpacity = 0;

However that will not reveal the image itself as it is used only as a mask. You will need to add the image to the series as well.

[MohitKandpal]

Can you please guide me on how to add an image to a series and exactly on which attribute to bind the image?

I do know about adding an image but not sure about where to bind it in Pictorial Stacked chart.

I have attached the image above, so if you can please update the codepen.

[Martynas Majeris]

amCharts 4 support has reached end-of-life Dec 31, 2023.

If you still have support subscription, try contacting amCharts support directly: [e-mail]

Otherwise, you might try posting your questions on StackOverflow.

I hope that sounds reasonable.

[github-actions]

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 5 days.