Chart.js icon indicating copy to clipboard operation
Chart.js copied to clipboard

Add margin-left on pie chart legend

Open adityagoel28 opened this issue 4 years ago • 3 comments

Expected behavior

How do I add a left-margin to the legend and shift it to a little right side, as shown in the image below. image

Current behavior

There is a lot of gap between pie chart and legend

Reproducible sample

https://jsfiddle.net/h9rn7mL2/

Optional extra steps/info to reproduce

No response

Possible solution

No response

Context

No response

chart.js version

v3.7.1

Browser name and version

No response

Link to your project

No response

adityagoel28 avatar Apr 04 '22 06:04 adityagoel28

Please tell how to do this?

adityagoel28 avatar Apr 05 '22 12:04 adityagoel28

I have the same need, I tried this tutorial: https://www.youtube.com/watch?v=87rnMzENg3U, but looks it doesn't works on >= 3.7

loficafe-zx avatar Jun 27 '22 17:06 loficafe-zx

Please add full padding support to legend and legend items. Very much needed.

RVXD avatar Nov 01 '22 09:11 RVXD

Please add support. It's a basic/fundamental need that I need often, especially for line and scatter with legend on left/right.

Dean-NC avatar Jan 19 '23 17:01 Dean-NC