Pie chart descriptor labels cannot be hidden

[Julian-Sz]

Current Behavior

For Pie/Doughnut Charts, there is no option to hide the "pie descriptor" labels which are pointing at the pie slices in a messy way.

I would like to keep the legend as it is, but I'd want to get rid of those messy pointing labels:

Expected Behavior

Previously this was possible without the messy pie descriptor labels:

Steps To Reproduce

Just create a pie chart using the data from the documentation. https://dashboard.flowfuse.com/nodes/widgets/ui-chart.html#pie-doughnut-charts

It will display those pie descriptors which cannot be hidden (altough they are not messy here).

Environment

• Dashboard version: 1.27.0
• Node-RED version: 4.1.0
• Node.js version: 22.15.0
• npm version: 10.9.2
• Platform/OS: Windows 10
• Browser: Microsoft Edge x64 V140.0.3485.66

Have you provided an initial effort estimate for this issue?

I am not a FlowFuse team member

[joepavitt]

Thanks @Julian-Sz - it's a new feature that defaults as on with the eCharts library. I quite liked it, so kept it in there, but thanks for the feeback. Happy to revert to them being off.

[m-schaeffler]

I also like this feature. Perhaps could there an option for the legend:

1. no one
2. classic one above
3. new style with this new feature

[joepavitt]

Perhaps could there an option for the legend:

So the proposal here is that it's an or for the classic legend vs. the pointed labels? The legend is interactive for what it's worth (you can toggle/hide sections), that feature would be missing from the descriptor labels.

[Julian-Sz]

I think it would be great if you could turn this on and off in the ui-chart node regardless of the normal legend.

You can turn it on and off in eCharts using the label: { show: true / false } inside the series object of options. You can try this here, just add the label show config: https://echarts.apache.org/examples/en/editor.html?c=pie-simple