I'm working with a Highcharts pie-donut chart similar to the one in this demo. My goal is to remove the outer data related to Chrome, but when I delete these data points, the other slices automatically expand to fill the empty space.
I’ve tried setting the data to null, using a zero value with a transparent color, and setting visible: false, but none of these approaches have prevented the other slices from covering the space left by Chrome’s data.
I wanted to create a donut chart like the one below:
Is there a way to remove specific slices without the other slices adjusting to fill the space, effectively leaving a "gap" where the data was?
Hi @Annisa Fadzil ,
I think you are already there by setting the data visible property to false. However, to avoid the other data filling out the rest of the donut, you need to set ignoreHiddenPoint to false.
I hope this answers your question.
Regards,
Bryan
Hi @Bryan Villalobos YES! this is the answer that i need! Thank you so much!
If you want to hide data by matching it to the background color of a document or interface, you can change the font color to match the background, effectively rendering the text invisible. However, it's essential to consider accessibility and usability .
I have already taken this step into consideration. However, when the value is 0 in the outer layer, it still closes the loop. If I input any data (just to display the transparent slice), it will still show the tooltip value.