Pie
|

PieChart sur Sketch

📌 J’ai plusieurs fois été confronté au problème de créer et modifier des graphiques sous forme de camemberts en devant à chaque fois repartir de zéro.

Certains plugins existent comme SKETCHY PIES:
https://github.com/abynim/sketchy-pies

Image for post

ou SEGMENTED CIRCLE:
https://github.com/design4use/gb-sketch-segmentcircle

Image for post

Image for post

Cependant je vais vous montrer ici comment créer un camembert sous sketch:

  • créer un cercle pour la couleur de fond (ici en gris)
  • créer un deuxième cercle de remplissage (ici en rouge)
  • cliquer sur “border properties” (l’engrenage dans la section Borders
  • mettre un Gap très élevé (ici 10 000)
  • puis régler le dash en fonction de la fraction de cercle souhaitée
  • la fraction de cercle commençant en bas du cercle, pensez à cliquer sur “horizontal flip”

Image for post

Il vous sera ensuite assez simple de modifier les longueurs des segments demandés en modifiant simplement le Dash ;)

Publications similaires

Laisser un commentaire