Hello Sulada,

As this feature is not supported, we can use CSS transform to achieve a similar behavior. By setting the width to a value larger than we originally then use CSS transform to scale the image, the resolution of the larger can be maintained while fitting the dimesions we are looking for. Also setting a slightly larger font-size when doing this will result in a slightly clearer image.

Here is an example of the CSS class definitions, I recommend playing with these values until finding something that works best in your scenario:

.pie{
            transform: scale(0.5);
}
       
.ui-chart-piechart-container {
            font-size: 18px;
}

Where .pie is the class of the div element hosting the igPieChart.

I am attaching a sample I used to test this behavior.

Let me know if you have any further questions.

Hello Sam Babá,

Thank you for your suggestion.
Else you enough to have other ways to make igPieChart have some clarity. Please guide me.

Thank you.
Sulada