Hello,
I want igDoughnutChart be clarity when it is zoomed. And was printed by the function windown.print.Now I use the code ==> pixelScalingRatio: 2, but it seems it will not work igDoughnutChart. It works only igDataChart.
This is normal pattern :
This is chart when it is zoomed : Noting that the sharpness of the chart is reduced. but Legend has it the original.
Help me with suggestions.
Thank you.Sulada
Hello Sulada,
The pixelScalingRatio is not available in the igDoughnutChart. Also, looking at your screenshots it looks like you are using the igPieChart which also does not have the pixelScalingRatio option.
Let me know if you have any 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.
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.