marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-10-19 22:19:45 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #4774 from Yokozuna59/bug/4772_align-slices-and-legend-orders

Browse Source 
fix(pie): align slices and legend orders
This commit is contained in:
Sidharth Vinod
2023-08-25 19:58:52 +00:00
committed by GitHub
parent ecf14cd4e3 267935713c
commit 979dcb073d
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/mermaid/src/diagrams/pie/pieRenderer.ts
View File

@@ -12,14 +12,16 @@ import { selectSvgElement } from '../../rendering-util/selectSvgElement.js';
const createPieArcs = (sections: Sections): d3.PieArcDatum<D3Sections>[] => { const createPieArcs = (sections: Sections): d3.PieArcDatum<D3Sections>[] => {
// Compute the position of each group on the pie: // Compute the position of each group on the pie:
const pieData: D3Sections[] = Object.entries(sections).map( const pieData: D3Sections[] = Object.entries(sections)
(element: [string, number]): D3Sections => { .map((element: [string, number]): D3Sections => {
return { return {
label: element[0], label: element[0],
value: element[1], value: element[1],
}; };
} })
); .sort((a: D3Sections, b: D3Sections): number => {
return b.value - a.value;
});
const pie: d3.Pie<unknown, D3Sections> = d3pie<D3Sections>().value( const pie: d3.Pie<unknown, D3Sections> = d3pie<D3Sections>().value(
(d3Section: D3Sections): number => d3Section.value (d3Section: D3Sections): number => d3Section.value
); );