When the labels are lengthy, it leaves a huge space between legend and the chart - Radar chart #9823
-
Hi Team, When my labels are lengthy, there is a quite large space leaves between legend and the chart. Expected BehaviorSpace between legend and the chart should be consistence Current BehaviorWhen the labels are lengthy, space between graph and legend is getting wider Steps to ReproducePlease find below codesandbox URL where you can reproduce the bug. ContextSome of my labels are quite lengthy. Hence it leaves a huge space between legend and the chart. Environment
|
Beta Was this translation helpful? Give feedback.
Replies: 2 comments
-
Not sure if this is something that can be solved by chart.js since the chartArea needs to become smaller to make place for the labels. So you will keep a white space, either above or below the legend. You can give the canvas less height to combat this yourself but I dont think this is behaviour chart.js should do for you since will give verry weird behaviour for people who dont know it and dont expect the canvas to be smaller for some reason. https://codesandbox.io/s/flamboyant-panka-wubnq?file=/src/components/HelloWorld.vue |
Beta Was this translation helpful? Give feedback.
-
Thanks. This helps |
Beta Was this translation helpful? Give feedback.
Not sure if this is something that can be solved by chart.js since the chartArea needs to become smaller to make place for the labels. So you will keep a white space, either above or below the legend.
You can give the canvas less height to combat this yourself but I dont think this is behaviour chart.js should do for you since will give verry weird behaviour for people who dont know it and dont expect the canvas to be smaller for some reason.
https://codesandbox.io/s/flamboyant-panka-wubnq?file=/src/components/HelloWorld.vue