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
42
votes
3 answers

Highcharts donut chart without inner pie?

I've been searching for the solution to generate the simplest donut chart with Highcharts library. However, all examples of Highcharts show the style of chart with both inner pie and outer donut (refer to:…
Jonathan Chen
  • 589
  • 1
  • 4
  • 9
39
votes
8 answers

ggplot2 pie and donut chart on same plot

I am trying to replicate this with R ggplot. I have exactly the same data: browsers<-structure(list(browser = structure(c(3L, 3L, 3L, 3L, 2L, 2L, 2L, 1L, 5L, 5L, 4L), .Label = c("Chrome", "Firefox", "MSIE", "Opera", "Safari"), class = "factor"),…
Tavi
  • 2,668
  • 11
  • 27
  • 41
33
votes
2 answers

Circular Heatmap that looks like a donut

I'm trying to create circular heatmap with ggplot2 so I can use a larger number of labels around the circumference of a circle. I'd like to have it look more like a donut with an empty hole in the middle but at the same time not losing any rows…
user1905004
  • 333
  • 3
  • 5
24
votes
8 answers

Using Chartist.js how do you change the color of the stroke for a donut chart?

Hello I am trying to create the following donut chart using Chartist.js: GOAL CHART This is what the chart looks like currently: Chartist.js Donut Chart I am trying to find where or how I can change the colors of this chart to match the 1st donut…
Crystal O'Mara
  • 501
  • 2
  • 4
  • 9
24
votes
5 answers

CSS3 simple donut chart

What I'm trying to do is create a simple donut chart. I'm currently using CSS(3) only but I don't know if it's possible without javascript. What I have so far: http://jsfiddle.net/aBP5Q/ HTML:
JasonK
  • 5,214
  • 9
  • 33
  • 61
21
votes
1 answer

Animating D3 donut chart on load

I have a donut chart with five different arcs inside of it. The data will not be updated but I want to have a transition of the whole graph being drawn as a circle when the page loads, starting at the selected angle (in my case 1.1*PI). Here is the…
KobeBryant
  • 1,341
  • 3
  • 10
  • 13
17
votes
2 answers

ggplot Donut chart

Hi I really have googled this a lot without any joy. Would be happy to get a reference to a website if it exists. I'm struggling to understand the Hadley documentation on polar coordinates and I know that pie/donut charts are considered inherently…
Tahnoon Pasha
  • 5,848
  • 14
  • 49
  • 75
15
votes
2 answers

Pie (donut) chart segment order in D3

I have a donut chart built using d3 with a jQuery slider that allows a user to select between different data-points. The chart animates the transition between data values and all is well. The problem: The segments always render in anti-clockwise…
Kerplunk
  • 182
  • 1
  • 1
  • 9
15
votes
3 answers

Highcharts donut chart customization

I have a license for highcharts and I would like to create a char like the one bellow: The most similar component on highcharts is the following one: Does someone know is is posible to replace the PIE inside for just a percent? or some other good…
Remo H. Jansen
  • 23,172
  • 11
  • 70
  • 93
12
votes
4 answers

ChartJS - Donut charts with multiple rings

Is it possible to create a donut chart with multiple rings using ChartJS as shown below?
Soni Ali
  • 18,464
  • 16
  • 44
  • 53
11
votes
4 answers

Chart.js Doughnut with rounded edges and text centered

I am trying to achieve rounded corners similar to this article here, but combined with text in the centre, so far i have the code below, but i am not sure how to combine both ideas Any help would be appreciated! the image looks like below, donut…
Daniel
  • 113
  • 1
  • 1
  • 7
10
votes
3 answers

ReCharts: Donut Chart w/two labels in center

I have a donut chart in which i need to add two stacked labels in center which I have done. What i can't figure out is how to add a little vertical space between. ReCharts renders both these lines as SVG The chart is in a responsive container so no…
johnsontroye
  • 281
  • 1
  • 3
  • 20
8
votes
2 answers

How to use two datasets in chart.js doughnut chart?

On the chart.js website, if you click the "Add Dataset" button under the chart, you get a doughnut inside a doughnut. Here's a screenshot of what it looks like: This is what I want, but I can't figure out how to add the second dataset in even when…
Linda Shepard
  • 85
  • 1
  • 1
  • 3
7
votes
1 answer

JavaFX Double Donut Chart

I am working in an offline environment so I am unable to copy the entire code base, I will try to describe as much as I can. JavaFX does not provide a donut chart so I have created a custom donut chart by simple extending PieChart and then adding a…
Cherple
  • 725
  • 3
  • 10
  • 24
7
votes
1 answer

Hide the labels in the pie graph in echart by baidu

I am referring to this https://ecomfe.github.io/echarts/doc/example/pie1.html#-en example. I am not able to hide the adjacent labels in the pie graph. I have encircled one of the labels I wish to hide in the attached image. Kindly help. Thanks!
d33a
  • 690
  • 1
  • 14
  • 39
1
2 3
…
26 27