Graphiques

Plain Share Pie

L'essentiel d'un diagramme circulaire : cinq tranches affleurantes, un fin trait de division et une info-bulle de survol, sans rien d'autre ajouté.

Traffic sources

Aug 1 – Aug 30

18,400 sessions across five channels.

Organic search is up three points from July.

Utiliser Plain Share Pie

L'essentiel d'un diagramme circulaire : cinq tranches affleurantes, un fin trait de division et une info-bulle de survol, sans rien d'autre ajouté.

Testez l’aperçu avec la souris et le clavier, puis vérifiez la visibilité du focus et la mise en page sur un écran étroit. Indiquez le numéro ou l’identifiant du composant à votre agent de programmation.

Propriétés: accent, hueRange, strokeWidth, sweepSeconds, showTooltip

Quels frameworks sont disponibles ?

Le catalogue propose ces versions : react, vue, svelte, astro, html. L’aperçu de cette page utilise React.

Comment accéder à l’implémentation ?

Le code, les portages, l’installation et le panneau de propriétés sont inclus dans Fieldbook Pro. L’aperçu interactif est ouvert à tous.

Connectez votre agent

Composants proches

2336Donut share chartGraphiquesUn beignet à cinq tranches avec un centre creux et des espaces vides qui s'ouvrent sur le support et se soulèvent selon la tranche sur laquelle se trouve le pointeur.

2348Engraved label pieGraphiquesUn diagramme circulaire solide qui définit chaque nom de catégorie à l'intérieur de sa propre tranche dans une couleur inversée, de sorte que la répartition se lit sans aucune étiquette extérieure ni ligne de repère.

2420Seamless share pieGraphiquesUne tarte solide avec ses tranches fusionnées bord à bord et sans espace ni trait entre elles, donc le survol est la seule chose qui révèle où se termine une part et où commence la suivante.

2316Chip legend pieGraphiquesUn diagramme circulaire solide sans étiquettes sur les tranches, associé à une rangée enveloppée de pastilles de couleur en dessous qui nomme chaque tranche et est mise en évidence de manière synchronisée au survol.

2377Leader line pieGraphiquesUn diagramme circulaire solide dont les valeurs se trouvent à l'extérieur du cercle, chacune étant liée à sa tranche par une ligne de repère à deux segments.

1525Area chart liteGraphiquesUn graphique en aires SVG réactif avec des graduations à axe rond, un remplissage dégradé, un réticule qui lit l'échantillon sous le pointeur et un volet de dessin.