amcharts / amcharts4

The most advanced amCharts charting library for JavaScript and TypeScript apps.
https://www.amcharts.com/
1.16k stars 322 forks source link

Remove Fill color from Pictorial Stacked Chart #4382

Closed MohitKandpal closed 8 months ago

MohitKandpal commented 9 months ago

Hi,

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

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.

WINSUPER X3-D-3

Thanks & Regards, Mohit Kandpal

martynasma commented 9 months ago

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 commented 9 months ago

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.

martynasma commented 9 months ago

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

If you still have support subscription, try contacting amCharts support directly: contact@amcharts.com

Otherwise, you might try posting your questions on StackOverflow.

I hope that sounds reasonable.

github-actions[bot] commented 8 months ago

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.