Ngx-charts: Show total amount in the center of donut chart

Created on 13 Jun 2018  路  6Comments  路  Source: swimlane/ngx-charts

I'm submitting a ... (check one with "x")

  • [ ] bug report - search github for a similar issue or PR before submitting
  • [x] feature request
  • [ ] support request - use StackOverflow (add the ngx-charts tag) or the gitter chat for support questions

Current behavior
Donut charts are just pie charts with a hole in the middle

Expected behavior
The hole in the middle of the pie chart should display the sum of values

What is the motivation / use case for changing the behavior?
We have not enough horizontal space for an advanced pie chart and want the user to be able to tell how many entries are present without having to hover over the segments and counting them.

Most helpful comment

would be nice to have the possibility to add a text in the middle of donut (often asked by designers).

All 6 comments

Any Update on this?

nothing?

achieved this with CSS position:relative; top: n% it's a really ugly way, would be nice to have it as a native feature.. IMHO like donut chart has a hole in the middle not just for fresh air

would be nice to have the possibility to add a text in the middle of donut (often asked by designers).

I'm also facing this problem. Using position solution isn't a good way.

I guess it will be very useful feature. I've faced with similar design also, but using css looks like workaround. Besides I believe is difficult to support responsive design in this case.

Was this page helpful?
0 / 5 - 0 ratings