Category / Section
How to Adjust Legend Width in Proportional Charts
Published:
Proportional charts, such as Doughnut charts, display the legend width as 100px by default. This may require scrolling the legend to the right to view it properly. To adjust the legend width according to the doughnut size, you can use the Text Overflow
and Text Width
properties.
Steps to Adjust Legend Width
- Select the proportional chart (e.g., Doughnut chart) in your dashboard.
- In the properties panel, locate the
Text Overflow
andText Width
options. - Adjust the
Text Width
value to fit the desired size of the chart. - Set the
Text Overflow
option to “Ellipsis” to add three dots (…) at the end of the text when it exceeds the specified width.
By using these options, the legend will be displayed with an ellipsis based on the size of the chart, and the full text can be viewed by hovering over the ellipsis.