Customize legend box height

[timcui]

as the code below, the legend box height is binded to the label fontSize, can i customize the legend box height independent of the label fontSize, like the boxWidth ?

`
// Draw the box

ctx.strokeRect(cursor.x, cursor.y, this.options.labels.boxWidth, this.options.labels.fontSize);
ctx.fillRect(cursor.x, cursor.y, this.options.labels.boxWidth, this.options.labels.fontSize);
`

[etimberg]

@timcui this is currently not possible. We can add it as an enhancement

[timcui]

thanks for support

[Ryan-Haines]

Another user here that would really appreciate this feature!

[dt1973]

Any news on this? I can set boxWidth but not boxHeight?

  legend: {
    display: true,
    position: "right",
    labels: {
      fontFamily: "Comic Sans MS",
      boxWidth: 20,
      boxHeight: 2
    }
  }

[Ryan-Haines]

That's correct @dt1973 only boxWidth is supported

[dt1973]

Hi @Ryan-Haines! That is unfortunate as most professional legend boxes these days seem to have really short heights. Looks a lot better imho!

[unoriginalscreenname]

Agree, this is actually a request from our design team as well. customizing this would be very helpful.

[simonbrunel]

Implemented in #4890 (still need unit tests)

[DidierLmn]

+1 for this feature (#4890 was unfortunately closed before merging)

[rjurado01]

+1

[Ekliptor]

+1

[JuOliveira93]

+1

[LucaLovagnini]

+1

[tarungarg546]

+1

[sagarseth9]

+1

[xesjkeee]

+1

[SangRyul]

+1

[Saracevas]

+1

[josezulu]

+1

[dt1973]

@simonbrunel hello! Any idea when we're likely to see this feature? Many thanks!

[jadurani]

Solution pending in #4811

[dt1973]

#4811 looks to be almost finished through right?

[tomasdev]

@touletan are you alive? Your PR from 2018 didn't go through. Wondering if there are any alternatives?

[Mos-6]

This feature is really needed.

[tsturtz]

+1

[boakenfull]

+1

[joyceyuqiliu]

+1!

[PowerserveSean]

+1

[MatthieuAL]

Would be great indeed

[kimbuz]

Would be great to have.

[MehdiMamas]

+1

[eloisebarrow]

Is this not available in the live editor? I tried adding version: 3.0 to my chart but boxHeight still isn't working.

[ioprea]

This still does not work, why is it closed? Has is been resolved?

[kurkle]

This still does not work, why is it closed? Has is been resolved?

Yes, its been resolved. Its closed because its resolved. There is a test to ensure its working. You need to use v3 beta to have it.

[MatthieuAL]

Please let us know when it is in production. Regards, Matthieu

…

________________________________ From: Jukka Kurkela <notifications@github.com> Sent: Thursday, January 14, 2021 9:04:54 PM To: chartjs/Chart.js <Chart.js@noreply.github.com> Cc: MatthieuAL <matthieu.aliquot@live.fr>; Comment <comment@noreply.github.com> Subject: Re: [chartjs/Chart.js] Customize legend box height (#2051) This still does not work, why is it closed? Has is been resolved? Yes, its been resolved. Its closed because its resolved. There is a test to ensure its working. You need to use v3 beta to have it. — You are receiving this because you commented. Reply to this email directly, view it on GitHub<#2051 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/APSCA47WBFL7437OX4QZKLDSZ5E6NANCNFSM4B4FRHIA>.

[vincentwinkel]

Also waiting for it

[anthonychen118]

seems like it is still not in 3.5.1 yet...super wanted!

[Fr34k9]

Also looking for it. 4 years ago posted, still not in. Also it would be great if we could define the style if a legend item is "hidden". The strikethrough is not perfect for everyone.

[Mhytos]

As of 2023 its possible to define the width and height for the legend box, see https://www.chartjs.org/docs/latest/configuration/legend.html