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.
Questions tagged [donut-chart]
403 questions
-1
votes
1 answer
create a double donut chart in a single view with two measure values in tableau
I need to create this visual in a single view in tableau. The chart contains two value, one is ytd and other one is lytd. both are measures(made by a calculated field). Need help to achieve this visual.
user8201313
- 1
- 1
-1
votes
1 answer
How to Make A Donut Chart With Text Inside Including the Animation
I have a project to submit and I was stuck in creating a donut chart that contains animation on CSS and text inside its slices.
I want a similar chart same as the one that is specified below, you can see the animation of the chart just enter to…
hussain ismail
- 3
- 1
-1
votes
1 answer
How to make a donut chart using highcharts?
I want to create a donut chart which looks like the image below:
So far I have done this:
var chart = new Highcharts.Chart({
chart: {
renderTo: 'subscribers-graph',
type: 'pie'
},
title: {
verticalAlign:…
Waseem Ansar
- 113
- 1
- 9
-1
votes
1 answer
D3.js - Repositioning donut chart on page
I'm using Matt Kohl's animated donut chart for use in an element on my site, I've restyled it but cannot figure out how to reposition it to anywhere I want on the page. It's fixed within the middle of the browser window.
Rather than place all of…
Marc
- 348
- 1
- 3
- 9
-1
votes
1 answer
Why will this HTML form let me increase numbers in a form, but not decrease them?
I have written an HTML page where the header features a form where you can enter in three numbers. Each number draws a ring in a donut chart. If you enter a zero, no ring is drawn. If you enter 50, half a ring is drawn. If you enter 100, a…
DED1
- 43
- 6
-1
votes
2 answers
D3 - Making a simple donut chart having error
Using D3 - V4, I am making a simple donut chart. I have only three input letters - A, B, C. They have frequencies as 60, 30, 10. I want to have a donut chart but I am instead getting error.
I am taking help from here ...…
Deadpool
- 7,811
- 9
- 44
- 88
-1
votes
2 answers
semi circle donut chart highchart with text embedded inside
I am using Highcharts js and I am trying to draw a pie chart with highCharts
which is a semicircle and some text embedded inside it.
and
Till now what I have made is
my html markup is
Mandar Kawtakwar
- 107
- 8
-1
votes
1 answer
Trying to change the coloring of a ggplot graph in R
I am trying to replicate the donut graph in the picture below.
I have completed everything but the actual coloring, and am confused as to what I am doing incorrectly in the scale_colour_manual portion of ggplot.
Here's the code that I am using for…
Pranay Singal
- 3
- 2
-1
votes
1 answer
animated chart start on spcific part of the page
I have this script
var doughnutData = [
{
value: 10,
color:"#444444",
highlight: "#535353",
label: "Contrato de Assistência"
},
{
…
-1
votes
1 answer
donut chart using json array
I am learning d3 and trying to make use d3 library in my application for showing some visualization chart .i am getting data through web api in the form of json here.
My script:
var data= "rows":[
{
"STATUS" : "Active",
"count"…
sam140
- 219
- 1
- 5
- 27
-1
votes
1 answer
Label of donut chart is too long
My problem is labels of donut chart too long. It'll be cut lost when it get over width or height of svg.
i don't know how i must cut it to 2 or more line. I try to add tag div outside tag text but it's wrong. Who can give me a solution. This is my…
Nguyễn Hùng Hậu
- 23
- 1
- 9
-2
votes
1 answer
3D Donut chart click event issue on edges of chart
I have 3d donut chart , in that chart i want to click(anywhere on the chart on surface as well as edge of chart) on one slice of donut and redirect to another URl.
Its working if I click on surface of chart or first hover over surface and then…
pbhle
- 2,856
- 13
- 33
- 40
-2
votes
1 answer
How to divide donut chart into fixed portion
I have tried to search but cannot find a solution.
My data look like this :
var data = [
{ "hour":"10",
"percentage":"50"
},
{ "hour":"11",
"percentage":"20"
},
{ …
Mad Adh
- 95
- 9