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.
donut-chart
421
questions
-1
votes
0
answers
14
views
piedonut changing colors and customization
PieDonut how to change color of pie and donut
ON this page, a nice solution is provided for altering colors and then removing the plotting code to allow for multipanel plotting. However, when i try ...
-1
votes
1
answer
94
views
How do draw a pie chart in react native [closed]
How can I draw a donut chart?
I tried using react-native-gifted-charts
i want some animation for fill the chart.Is there any library that can resolve this? someone is help me to do this i want exactly ...
- 171
2
votes
2
answers
45
views
Multi-layer donut chart with geom_textpath(): how to remove black connector line?
I wish to plot a nested, 2-layer donut chart with curved text using geomtextpath::geom_textpath() following the code provided by Allan Cameron in this post. Unfortunately, the text is obscured by a ...
- 55
0
votes
0
answers
32
views
compare chart with 100%
I want to compare data: [40, 100], value with 100% but my chart is not working like expected
here is how it should exactly look
I Hope you understand what I am trying to achieve
here is a https://...
- 13
0
votes
0
answers
24
views
How to achieve this with chart.js in react?
I am trying to achieve below chart but its failed so could anyone help me out?
Donutchart image
here's my code:
import React from 'react'
import { Doughnut } from 'react-chartjs-2'
import { Chart as ...
- 1
1
vote
2
answers
155
views
How to show values instead of percentages and the sum in the center in PieDonut?
I have this table:
Tip_migrene Populacija lvl2 Troskovi
1 EM Svi PZZ 574345839
2 EM Svi SZZ ...
- 35
1
vote
1
answer
66
views
chart issue achieving three donut under one another
Can someone help achieving a donut in this following format using chart.js?
really appreciate your help.
Thanks
var data = {
labels: ["Segment 1", "Segment 2", "Segment 3&...
- 13
0
votes
1
answer
52
views
ChartJs How to create multiple doughnut chart using loop
I'm attempting to create a doughnut chart using a for loop so that I can generate multiple doughnut charts. The scenario is that I'm sending a list of students (List) to the frontend, and I'm aiming ...
- 17
1
vote
2
answers
436
views
Half Donut Chart using SwiftUI SectorMark
I am trying to create a half donut chart like the one of the image using the new SectorMark:
So far i just created a normal donut using a sample data fo fullfill it:
struct Score: Identifiable {
...
- 69
0
votes
0
answers
45
views
How to add total count in centre of the doughnut chart and bottom left and right value using Chart.js? [duplicate]
HTML
<canvas id="myChart" style="width:100%;max-width:600px"></canvas>
Jquery
<script>
const cValues = ["Candidate quotas", "Reserved seats&...
0
votes
2
answers
216
views
How to make semi donut from donut chart on svg&css?
I have donut which is made in svg. I want to upgrade it to semi donut somehow.
.donut-ring {
stroke: #EBEBEB;
}
.donut-segment-2 {
stroke: green;
animation: donut 1s;
}
@keyframes ...
- 129
0
votes
0
answers
59
views
Edits to donut pie chart
I am trying to add a legend, show counts not percentages next to the variable in the chart, and potentially have the percentages listed in the legend with the corresponding variable rounded to the ...
- 1
1
vote
0
answers
150
views
Minimum Donut Slice - Apex Charts
so I've recently been working on the ApexCharts library implementation and I have run into some problems. So, basically I am wanting to set a minimum size for a donut slice, because when data values ...
0
votes
1
answer
53
views
Offset Highcharts datalables in donut chart with inner chart
I'm struggling with an issue that is haunting me, and i can't seem to find any fix in the Highcharts documentation.
So i have this Donut Pie Chart, which is showing the amount of money spend on 3 ...
0
votes
2
answers
132
views
D3.js join function breaks the donut chart SVG structure
I'm trying to implement something like "Gauge graph" (or donut chart) using D3.js for dataset that represents binding between statuses of network devices and quantity of devices having such ...
