search

kestra-io / kestra

:zap: Workflow Automation Platform. Orchestrate & Schedule code in any language, run anywhere, 500+ plugins. Alternative to Zapier, Rundeck, Camunda, Airflow...
https://kestra.io
Apache License 2.0
13.21k stars 1.15k forks source link

Align the pie chart labels when there are many states to display #5578

Open anna-geller opened 1 month ago

anna-geller commented 1 month ago

Describe the issue

When there are too many state labels to display, the donut chart labels take too much space image

We should adjust the font to fit all states within the regular size of the chart

Environment

DVUN716 commented 1 month ago

@anna-geller I'd like to try this! Do you want to skip a few ui or do you want it to stretch when clicked?

anna-geller commented 1 month ago

@DVUN716 Thanks a lot, you are assigned! I was thinking about perhaps adjusting the font size of the States legend to make it fit? or stretching and stacking beneath each other... Feel free to give it a try and see what looks nice 👍

do you need a couple of flows to generate those states to reproduce the issue? if so, LMK and I can share them

DVUN716 commented 6 days ago

@anna-geller Sorry for the late answer. What file should I modify to modify the pie chart labels? I looked it up, but I don't know, so I'm asking you a question.

DVUN716 commented 6 days ago

@anna-geller How do I make the created and killing states in Dashboard?

MilosPaunovic commented 6 days ago

Doughnut chart file is the kestra/ui/src/components/dashboard/components/charts/executions/Doughnut.vue, but for the legend labels, you'd need to tweak the kestra/ui/src/components/dashboard/components/charts/legend.js file, more precisely, totalsLegend plugin.