kediritechnopark/kedaimaster
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ok

Browse Source
This commit is contained in:
client.perkafean.backup
2024-09-07 18:13:33 +00:00
parent ad9af459f0
commit f109947d40
2 changed files with 49 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/pages/CircularDiagram.js
View File

@@ -5,9 +5,6 @@ const CircularDiagram = ({ segments }) => {
const strokeWidth = 30; // Width of each portion
const circumference = 2 * Math.PI * (radius - strokeWidth / 2);
// Calculate total value to be displayed
const totalSold = segments.reduce((sum, segment) => sum + segment.value, 0);
let startOffset = 0; // Initial offset for each segment
const svgStyles = {
@@ -31,8 +28,8 @@ const CircularDiagram = ({ segments }) => {
fill="none"
/>
{segments.map((segment, index) => {
const { value, color } = segment;
const segmentLength = (circumference * value) / totalSold;
const { percentage, color } = segment;
const segmentLength = (circumference * percentage) / 100;
const strokeDashoffset = circumference - startOffset;
startOffset += segmentLength;