Skip to content

Latest commit

 

History

History
56 lines (41 loc) · 3.26 KB

add-pattern-styles-graph-column-stack-bars-telerik-reporting.md

File metadata and controls

56 lines (41 loc) · 3.26 KB
title description type page_title slug tags res_type ticketid
Adding Pattern Styles to Graph Column Stack Bars
Learn how to add pattern styles to graph column stack bars using background images in Telerik Reporting.
how-to
How to Add Pattern Styles to Graph Column Stack Bars
add-pattern-styles-graph-column-stack-bars-telerik-reporting
telerik, reporting, graph, column stack bar, pattern style, background image
kb
1634546

Environment

Product Progress® Telerik® Reporting

Description

This article explains how to add pattern styles to graph column stack bars in Telerik Reporting using background images. The goal is to achieve visually appealing pattern styles similar to those seen in specific designs or screenshots.

This knowledge-base article also answers the following questions:

  • How to use background images to create pattern styles in graph column stack bars?
  • What kind of image should be used to create a specific pattern style in Telerik Reporting?
  • How to adjust the density of a pattern style in graph column stack bars?

Solution

To add a pattern style to graph column stack bars in Telerik Reporting, use the background image property of the graph column. Creating patterns involves using small images and taking advantage of the repeat functionality. The key is to adjust the size of the background image to control the pattern's density.

  1. Create a small image (e.g., 10x10 pixels) using an image editing tool like Paint. This image will serve as the pattern.

  2. Save the image in an accessible location for your Telerik Report project.

  3. In your Telerik Report Designer, select the graph column stack bar you wish to style.

  4. Set the BackgroundImage property of the graph column stack bar to the path of your created image. You can use [Conditional Formatting]({%slug telerikreporting/designing-reports/styling-reports/conditional-formatting%}) if you have a series group and you want different groups to have different patterns.

    Adding Pattern Styles to Graph Column Stack Bars

  5. Use the BackgroundRepeat property to set how the image should repeat. This creates the pattern effect across the graph column stack bar.

  6. Adjust the size of the image if necessary to control the pattern's density. Smaller images will create a denser pattern, while larger images will create a more sparse pattern.

By following these steps, you can achieve a pattern style similar to the desired design in your Telerik Report. Experiment with different sizes and designs of the background image to find the perfect pattern for your report.

Sample Report

See Also

  • [Telerik Reporting Graphs]({%slug telerikreporting/designing-reports/report-structure/graph/overview%})
  • [Create a Graph with Column and Line Series]({%slug telerikreporting/designing-reports/report-structure/graph/how-to/how-to-create-graph-with-column-and-line-series%})
  • [Change the Gap between the Bars in the Graph]({%slug telerikreporting/designing-reports/report-structure/graph/how-to/how-to-change-the-gap-between-the-bars%})