Grafana pie chart visulation looks like cycle spokes rather than slices of pie chart

i have created a grafana dashboard my ask was to create to create a pie charts which would show different colors based on the services uptime % . i have used this query : avg by (service) (avg_over_time(up[$__range])) * 100
and i have used the value mappings
|[99.9999 - 100]||100 % uptime|| : green color
| — | — | — | — |
|[99.998 - 99.9998]||99.999% uptime||: blue color
|[0 - 99.997]||lowest % uptime|: orange color

but instead of appearing like slices its appearing like cycel spokes where each spooke is representing a individual service .
attached screenshot and wat i want is like this


h