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
7
votes
1 answer

how do i customise the c3.js chart to get like this

Trying to create the above using c3.js. We are using the same charting library across the application so would like to keep it consistent. Didn't find a way in c3.js to either customize donut or pie chart to get this. i need it to be hour, instead…
codelearner
  • 458
  • 5
  • 26
7
votes
1 answer

ggplot2: How to add percentage labels to a donut chart

I am pretty new to R... so forgive me. I'm trying to make donut plots using ggplot2. I have modified the code of the post ggplot Donut chart but now I'm not able to add the percentage on the chart. This is my attempt: library(ggplot2) blank_theme…
Giorjet
  • 93
  • 2
  • 11
7
votes
1 answer

How can I add a marker to a donut chart created with Raphael.js?

I need help adding a marker to this donut chart script I've modified utilizing raphael.js. I've got most everything ready to go except for a way to dynamically generate a triangular marker. JSFiddle: http://jsfiddle.net/aP7MK/73/ function…
Mikael Kessler
  • 1,235
  • 1
  • 15
  • 27
6
votes
2 answers

3 layer donut chart in R

I am trying to recreate this image in R, however I am unable to work out how to have 3 layers to a donut chart - everything I find (for instance, webr::PieDonut) only allows 2. Using ggplot I am also unable to re-create it. A MRE…
Beavis
  • 476
  • 3
  • 13
6
votes
2 answers

AmCharts 4 Donut Graph - HyperLink for Custom URL

I'm unable to get a hyperlink to this donut chart in amcharts4. I made it successfully using amcharts 3 but am not getting it in amcharts4. Please let me know what I am doing wrong. I also referred to another documentation but was unable to get help…
raw_hitt
  • 719
  • 5
  • 21
6
votes
1 answer

ggplot donut chart percentage labels

I'm trying to add percentage labels to a donut chart but have been unsuccessful in plotting a clear representation of percentage values (rounded and not overlapping) ## my data library(ggplot2) col <- c("white", "black", "transparent", "grey",…
Beaver
  • 95
  • 2
  • 8
6
votes
1 answer

Create a Donut chart in Angular 2

I have very limited skill set in SVG,Canvas and CSS3. I have been trying to create a donut chart in angular 2 with no luck. There are some ready to use libraries available but we are not allowed to pull in 3rd party libraries into the project.Can…
user3113816
  • 136
  • 1
  • 5
6
votes
1 answer

How to explode donut chart slices using R (ggplot2)

To the left is how my donut chart currently looks like and to the right how it should look like: Is there any way to explode the donut chart using R ? Here is my code: ggplot(dat, aes(fill = goalGroups, ymax = ymax, ymin = ymin, xmax = 4.8, xmin =…
Tim
  • 61
  • 4
6
votes
1 answer

D3 donut chart text centering

I'm using a d3 donut chart for a project and I'm having issues centering the text inside the donut. I found a piece of code that I have modifying, but frankly I don't understand it much. I have added the text in the center, but it's not quite…
socialight
  • 487
  • 1
  • 5
  • 18
6
votes
4 answers

How to force report items to overlap?

I'm trying to create doughnut chart and insert label inside the chart's hole. When I render report, label is being moved outside the chart. Is it possible to force report items to overlap instead of position it automaticaly?
Konrad Z.
  • 1,592
  • 4
  • 20
  • 34
6
votes
3 answers

3 layer donut chart in Highcharts

Highcharts supports donut charts, essentially one inner pie chart with a second pie---shown as a donut---surrounding it. donut chart from the Highcharts demo site Is it possible to create a three layer donut chart, i.e. a chart with a pie in the…
David Bridgeland
  • 525
  • 1
  • 9
  • 16
5
votes
2 answers

Add border-radius property to D3js Donut Chart

I have this donut chart currently working in an AngularJS app: But the design mockup says we would like this, note the border-radius property on the green portion of the arc: How do I add a border-radius to the SVG that d3js outputs, the code I'm…
Edgar Quintero
  • 4,223
  • 2
  • 34
  • 37
5
votes
4 answers

Multiple, dependent-level sunburst/doughnut chart using ggplot2

I'm trying to create a two-level sunburst/doughnut diagram (for print) where the second level is a detailed view of the first. I've read and understood this tutorial, but I'm an R and ggplot2 newbie and am having trouble producing the second level.…
Xophmeister
  • 8,884
  • 4
  • 44
  • 87
5
votes
1 answer

D3.js - Donut charts with multiple rings and animation transition

How can you add a transition animation effect to the following D3 chart with multiple rings? As shown here D3.js - Donut charts with multiple rings var dataset = { apples: [53245, 28479, 19697, 24037, 40245], …
Soni Ali
  • 18,464
  • 16
  • 44
  • 53
5
votes
1 answer

Android Donut Chart

I have created a donut chart, which is shown below: MY resultant Donut chart should be in the following way: My Question is, How can i achieve the lines with image (They are rounded off in second screen shot) For reference, Here is the code which…
krisDrOid
  • 3,252
  • 3
  • 25
  • 36
1
2
3
…
26 27