reporting-docs/knowledge-base/how-to-display-multiple-ranges-per-series-range-bar-graph.md

title	description	type	page_title	slug	position	tags	ticketid	res_type
How to display multiple ranges per series in a Range Bar graph	How to show multiple ranges per series in a Range Bar graph	how-to	How to render multiple ranges per series in a Range Bar graph	how-to-display-multiple-ranges-per-series-range-bar-graph		Graph, Range, Ranges, Range Bar	1579446	kb

Environment

Product

Progress® Telerik® Reporting

Description

By default, the Range Bar graph wizard will display only the last data instance of a given Category.

This means that if a category has more than 1 data record associated with it, instead of creating a range bar for each, only the last one will be rendered while the rest will be omitted.

In this article, we will explain how to setup the Graph item so that it is able to render more than one range per category. For the example, that we will be preparing, we have decided to use the following data:

Start,End,Category
0,540,A
540,600,B
600,1020,C
1020,1080,D
1080,1439,A

Solution

• First, let's create a new Range Bar graph from the Insert menu on the top. The graph fields may look as follows:

  

• In order to force the Graph to render multiple ranges per series, we will now need to create an empty series group:

  

  The multiple ranges will now be displayed, however, they will be at different positions vertically.

• Set GraphSeries.ArrangeMode to Overlapped. Now, the series will be at the same vertical position.

  

• Because of the SeriesGroup that we created, all ranges will now have their own colors. To fix that, we may create a new [ColorPalette]({%slug telerikreporting/designing-reports/report-structure/graph/formatting-a-graph/series%}#defining-custom-palettes) with only one color.

• Considering that we have an empty series group, we may hide the GraphLegend by selecting it and then from Style setting Visible to False.

See Also

Download Sample Report