Stack Overflow
Stack Overflow

Questions tagged [donut-chart]

A donut chart (also spelled doughnut) is a chart functionally identical to a pie chart, with the exception of a blank center and the ability to support multiple statistics at once. Donut charts provide a better data intensity ratio to standard pie charts as, for example, the blank center can be used to display additional, related data.

403 questions
5
votes
1 answer

SVG Adding radial gradient to donut chart

I'm drawing charts with d3.js. Is it possible to add radial gradients to donut chart, how on this picture?
Ifozest
  • 900
  • 2
  • 12
  • 22
4
votes
1 answer

Add lines connecting segments to values outside a donut chart

Adding lines to the donut chart in ggplot2 I've been trying to create a chart that displays values outside its perimeter for a long time. I would like to connect these values to the corresponding segments on the chart using dashed lines that should…
Matt0
  • 43
  • 3
4
votes
2 answers

In ggplot2, how to add a white hole in the middle of the pie chart

In ggplot2, how to add a white hole in the middle of the pie chart? Please refer to below code for current plot (the left plot) . Thanks! library(tidyverse) pie_data <- data.frame(category=c('A','B','C','A','B','C'), …
anderwyang
  • 1,801
  • 4
  • 18
4
votes
1 answer

How to make a C3 donut chart to a semi circle or a half donut chart in typescript?

Is it possible to create a half donut chart or a semi circle donut chart by modifying the C3 library code with a start angle and an end angle? Trying to make something like the image in d3/c3 with typescript
Nishant Koli
  • 71
  • 1
  • 7
4
votes
2 answers

How to get rid of large left and right margins in chart.js donut chart?

I'm struggling with left & right margins on a donut chart I have created using Chart.js. More specifically, it seems impossible to reduce the seemingly 25% side margins on the donut charts. Does anyone know how I accomplish this or if it's even…
CaffeinatedMike
  • 1,537
  • 2
  • 25
  • 57
4
votes
1 answer

D3Js donut chart, avoid label text overlay's

In my project I have big mount of different charts, everything handled with D3Js. One of charts should to be donut type with labels. So based on this tutorial I made this graph. As you can see sometimes (depends on data) label text goes overlay's.…
DanDuh
  • 500
  • 1
  • 5
  • 17
4
votes
1 answer

Telerik Donut Chart - Customization Label

I want to customize label position of Telerik Donut Chart and it should look like expected image. I tried couple of settings but not able to adjust label position see poc image. Questions - How to I change Label position so it looks like Expected…
brijshah
  • 175
  • 1
  • 1
  • 6
4
votes
1 answer

How to add tooltips in a D3 donut chart

I would like to add tooltips in a D3 donut chart. How can this be done? I would also like to add the percentages for each of the sections in pie chart. This is my code: