426
questions
0
votes
0
answers
3
views
"column" property not allowed when trying to create facet chart with arc in Vega-lite (Deneb)
I am trying to create a faceted donut chart in PowerBI using Deneb, and Vega-lite. However, when I try to add faceting to my existing chart, I get an error saying that "facet" or "...
- 1
3
votes
1
answer
82
views
Donut with rounded edges in one direction and white border between the segements
Chart js Donut segment is not displayed in one direction. First and last segments are not working as expected
Expectation : Need chart js donut rounded segments displayed in one direction with white ...
- 33
1
vote
1
answer
35
views
How we can remove white vetrical line from highchart donut chart
My chart shows vertical white line as shown in the image.
I have set borderRadius: 0 & borderWidth: 0 but still it it not working. SOmetime it will show in normal mode & sometime it ...
- 13
1
vote
2
answers
75
views
Pie chart (or Donut chart) with 3 levels in R
I have been trying to create a pie chart with three hierarchical levels, following the codes provided in:
Multiple, dependent-level sunburst/doughnut chart using ggplot2
Hierarchical / Multilevel pie ...
- 207
0
votes
0
answers
72
views
JFreeChart Ring Chart total in center not breaking into multiple lines
JFreeChart Ring Chart total in center not breaking into multiple lines. Here is what I have tried, and here is my output:
I just want to create a JFreeChart which is used later to convert to ...
0
votes
0
answers
29
views
How to get the width of available horizontal space of the sector for the donut pie chart?
I used the highcharts library to create a donut pie chart. I need to hide the label if the label is not able to fit the available space in the sector. I was trying to get the width, but since it's ...
-1
votes
1
answer
544
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
58
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
36
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
38
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
279
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
93
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
65
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
2
votes
2
answers
851
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 {
...
- 89
0
votes
0
answers
47
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
456
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 ...
- 151
0
votes
0
answers
66
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
1
answer
287
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
61
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
133
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 ...
1
vote
0
answers
156
views
How to add space between Legend text and chart in ChartJs v4
I'm using Chart.js version 4.4.1, and I want to increase the space between the legend and the chart.
I need a solution for barchart. I'm sharing the code for the bar chart.
I've checked several posts, ...
- 17
0
votes
1
answer
447
views
ChartJS Customised tooltip and LegendText not displaying after version update
Earlier i was using 2.7.2 version of ChartJS, now im updating to 4.4.1
So in my chart i was creating customized tooltip and customized Legend text but after version update both are not working
Here is ...
- 17
0
votes
0
answers
29
views
Guage/Speedometer Charts Using Donut
Is there a way to emulate in image-charts the old Google Guage chart in a manner similar to how chart.js creates a donut with only a portion of the donut's circumference, thickness, etc?
(video on how ...
- 436
1
vote
2
answers
178
views
Data label for aggregated data in Donut chart using Deneb Vega-lite - Power BI
Good morning everybody,
I am here asking for the problem that I could not solve for days. I draw 2 Donut charts that one is inside other using Deneb Vega-lite.
The donut portion parts looks good, but ...
- 13
1
vote
0
answers
243
views
Apache Superset Donut Chart Total Label Color
I need to change the "Total" label color inside the donut chart, but the chart is inside a canvas so I can't target the label's specific css class.
This is a pie-chart (donut chart) in ...
0
votes
0
answers
192
views
Flutter: Add circular labels to syncfusion DoughnutSeries chart
I've added a Doughnut chart from syncfusion package and I've encountered the following problem:
I want to make the labels circular like in this image:
Currently my chart looks like this:
Notice how ...
0
votes
0
answers
673
views
Display total label of Pie chart outside chart on right in Apex Charts for Angular
I am using Pie chart, Type donut with following chart Options.
this.chartOptions = {
series: [100, 20],
chart: {
type: 'donut',
},
...
- 105
0
votes
0
answers
551
views
PieDonut R - Overlapping Labels
I have the following Piedonut:
The problem is that the labels of the outer ring (especially at the bottom) overlap. Ideally the text would be an extension of the direction of each tick. An example of ...
- 21
1
vote
1
answer
686
views
PieDonut R - Customize the size of the rings
I made the following Piedonut:
The problem is that the inner circle takes too much space. The text of each individual category is too small to read (and overlaps sometimes). How can I reduce the size ...
- 21
0
votes
1
answer
68
views
How do you add custom text in the center of a Donut Chart using HighchartsJS?
enter image description here
I'm able to get a donut chart in highcharts, which is easy.
I'm not able to get some custom text in the middle of the donut chart as posted in the attached image.
I tried ...
1
vote
1
answer
675
views
How to display half chart.js donut graph?
In my project, I have a doughnut graph. But I want it to look like a speedometer. I created the donut graph using chart.js (HTML, CSS, js). I merely want to show it halfway or as a speedometer. Here ...
0
votes
0
answers
104
views
How to customize colors in a donut chart?
I would like to ask you if you could help me in customizing of colors in a donut chart with blue
Initially, i got a blue chart and i extremely to change it to color of green with color code: #90EE90
...
0
votes
2
answers
420
views
layered-donut chart for a better subgroups-differentiation in R
I'm trying to find a way to plot the following layered-donut chart in R, so that I can differentiate the subgroups better. The graph is realized by Excel, by generating four different layers, and each ...
- 77
1
vote
1
answer
485
views
Donut chart with 3 levels in R
trying to replicate the donut chart in the following post (first answer: Multiple, dependent-level sunburst/doughnut chart using ggplot2) looking for a solution with a donut chart that looks more or ...
- 69
0
votes
1
answer
146
views
How to create animated donut chart in plotly using R
I have a time series data frame and I'm trying to animate.
This is my dataframe:
data <- tibble(
asset_name = c("PCC", "PCC", "PCC", "PCC", "PCC",...
- 134
1
vote
1
answer
363
views
Customizing the Placement of Labels Using {ggrepel} in a Donut Plot
I am trying to create a donut plot with text box labels that do not overlap with the plot itself using {ggplot} and {ggrepel} in R. This has proven more difficult than anticipated. My code for the ...
- 187
0
votes
1
answer
180
views
Half donut chart with values
This is how it looks right now
I have this code in R, but it makes a "donut" however I want to create half a donut. With the information at the top with 85% in dark blue and 15% in light ...
4
votes
1
answer
330
views
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 ...
- 43
0
votes
2
answers
696
views
Piedonut chart's label text position adjustment and pie and donut's color modification
I have the following data frame.
inward_2022_region_income <- data.frame(
Region = c("South Asia", "Europe & Central Asia", "Latin America & Caribbean", &...
- 1
0
votes
1
answer
1k
views
Border the Stroke a Circle in SwiftUI when using Trim?
My UI designer asked me to build this donut pie chart and I have been banging my head against the wall for days! It seems impossible. Is there a way to do this in SwiftUI or should I ask the designer ...
- 2,723
1
vote
1
answer
336
views
unable to make the proper design of donut chart from the victory chart
I want to make the donut chart from the victory-charts. it is working but I want to make the design like this:
I searched from many platforms but it is not working properly, the design that I made is
...
1
vote
1
answer
478
views
Donut Chart with labels
I'd like to create a donut chart that is labeled. The labels themselves should be outside of the graph and connected via lines to the according part of the donut chart. Here is what I've come up so ...
- 31
0
votes
1
answer
53
views
How do I get a Donut Chart in R?
I try to draw a Donut Chart with a tutorial code but I get an error I cannot explain.
library(ggplot2)
library(dplyr)
Calculate and cumulate percentages
df$fraction = df$freq / sum(df$freq)
df$ymax =...
- 3
1
vote
1
answer
957
views
Issue with Apex Charts rendering twice JS
I am displaying two apexcharts in two different containers. But it displays 2 charts in each container. I checked there is nothing in my code that renders the chart two times.
This is my code. Please ...
- 911
0
votes
1
answer
637
views
How to get specific co-ordinate along Chartjs donut arc
I need to find the specific x and y coordinates of each arc. Below is a photo illustrating exactly which coordinates I require, color-coded according to each arc. I need those two points of x and y ...
- 47
0
votes
1
answer
99
views
Multilayer Donut Chart for Independent Groups in R
I saw a picture of a chart below and would like to recreate something similar. My code is below, how would I got about creating a multi-layer donut plot that shows me the percentage of each group?
...
- 543
1
vote
0
answers
139
views
Draw multiple donut charts with Plotly
Does anyone know if there is a way to draw multiple dynamic donut charts in one chart, and show a scroll-down arrow if the donuts exceeded 6 multi?
Data example:
value = c(3,5,200.....),
Target = c(...
- 69
0
votes
0
answers
58
views
ApexChart: Dunot chart ir not showing labels
I'm having a problem with donut charts in ApexCharts in my React App.
I have an API that returns to me a JSON and I pass this JSON data to some charts. The chart it's showing correct data, but the ...
1
vote
1
answer
125
views
Google Donut Chart (Visualization) - Percentage greater than 100
I am creating a donut chart using Google Visualization. Its an Monthly Revenue Goal chart. e.g. let say goal is set 1000 and 800 is the revenue then 80% will be shown as completed and 20% as remaining....
- 588
1
vote
0
answers
237
views
Values of pie chart overlaps
I want to see the values clearly, how can I fix that? How can I locate my values manually?
(values of gray and black colors (0.4) overlaps)
import pandas as pd
import numpy as np
import matplotlib....
- 23