node-red-dashboard icon indicating copy to clipboard operation
node-red-dashboard copied to clipboard

Chart node legend size

Open A380Coding opened this issue 1 year ago • 3 comments

Description

Chart node legend is currently displayed by rectangular bar:

image

The rectangular bar in the legend takes a lot of space.

With a more square spaced legend it would take less space: image

Have you provided an initial effort estimate for this issue?

I have provided an initial effort estimate

A380Coding avatar Dec 19 '24 11:12 A380Coding

I think that this wouild be a great improvement.

m-schaeffler avatar Dec 19 '24 13:12 m-schaeffler

Agree this would make a good improvement - the underlying charting library (https://www.chartjs.org/docs/latest/configuration/legend.html) doesn't support this is a default option, but they do support custom legends, so it's something we'll have to investigate.

joepavitt avatar Jan 20 '25 10:01 joepavitt

legend -> labels

options:{
	plugins: {
		legend: {
			display: true,
			position: 'top',
			labels:{
				boxHeight:1,
				boxWidth:10,
			}, ...

Image

hotNipi avatar Jan 29 '25 11:01 hotNipi