diff --git a/knowledge-base/center-align-legend-text-telerik-reporting.md b/knowledge-base/center-align-legend-text-telerik-reporting.md new file mode 100644 index 000000000..57ef217cc --- /dev/null +++ b/knowledge-base/center-align-legend-text-telerik-reporting.md @@ -0,0 +1,48 @@ +--- +title: Center Aligning Legend Text in Telerik Reporting Graph +description: Learn how to center align the legend text for a graph component in Telerik Reporting. +type: how-to +page_title: How to Center Align Legend Text in Graphs with Telerik Reporting +slug: center-align-legend-text-telerik-reporting +tags: reporting, graph, legend, text alignment, center align +res_type: kb +ticketid: 1682367 +--- + +## Description +When designing reports, aligning chart legends and text correctly is crucial for readability and aesthetics. This knowledge-based article explains how to adjust the legend text alignment in a graph within Telerik Reporting. Also answers the following questions: +- How do I center align legend text in Telerik Reporting? +- What property adjusts the legend text alignment in a graph? +- How can I ensure my graph's legend text is properly centered? + +## Environment + + + + + + + + + + + +
ProductProgressĀ® TelerikĀ® Reporting
Version18.1.24.709
+ +## Solution +To center align the legend text in a graph component, follow these steps: + +1. Select the graph in your report. +2. Navigate to the `Series` collection of the graph. +3. Choose the series for which you want to adjust the legend text alignment. +4. From the `LegendItem` dropdown, select the `MarkStyle` property. +5. Adjust the `VerticalAlign` property within `MarkStyle` to set the alignment box to the middle, aligning the legend text center with respect to the legend box. + +This approach ensures that the legend text is centered, improving the visual appeal and legibility of your reports. + +![How to center align legend text](images/centerAlignLegendText.png) + +## See Also +* [Graph Product Documentation]({%slug telerikreporting/designing-reports/report-structure/graph/overview%}) +* [Styling the Graph]({%slug add-pattern-styles-graph-column-stack-bars-telerik-reporting%}) +* [Report Items Overview]({%slug telerikreporting/designing-reports/report-structure/overview%}) diff --git a/knowledge-base/images/centerAlignLegendText.png b/knowledge-base/images/centerAlignLegendText.png new file mode 100644 index 000000000..850fa4e3f Binary files /dev/null and b/knowledge-base/images/centerAlignLegendText.png differ