This is a migrated thread and some comments may be shown as answers.

Bar chart type question

1 Answer 46 Views
Chart (Obsolete)
This is a migrated thread and some comments may be shown as answers.
alsi
Top achievements
Rank 1
alsi asked on 17 Oct 2008, 10:52 AM
Dear All!

I have a question about Bar chart. Is it possible to do a bar chart type which looks like on the picture below?
For example: 4 type of values exist in different pieces:
value 1 - 120 pieces
value 2 - 34 pieces
value 3 - 156 pieces
value 4 - 207 pieces

and I want to show it on one bar (all of the 4 values). See the attached link (picture) created with painter programme.

http://www.anda.hu/bar_chart.jpg

many thanks,
alsecz

1 Answer, 1 is accepted

Sort by
0
Accepted
Giuseppe
Telerik team
answered on 17 Oct 2008, 12:11 PM
Hello alsi,

You can try combining four horizontal StackedBar series in order to achieve the desired appearance like this:

<telerik:RadChart ID="RadChart1" runat="server" SeriesOrientation="Horizontal" AutoLayout="true"
    <Series> 
        <telerik:ChartSeries Type="StackedBar" Appearance-ShowLabels="false"
            <Items> 
                <telerik:ChartSeriesItem YValue="120"
                </telerik:ChartSeriesItem> 
            </Items> 
        </telerik:ChartSeries> 
        <telerik:ChartSeries Type="StackedBar" Appearance-ShowLabels="false"
            <Items> 
                <telerik:ChartSeriesItem YValue="34"
                </telerik:ChartSeriesItem> 
            </Items> 
        </telerik:ChartSeries> 
        <telerik:ChartSeries Type="StackedBar" Appearance-ShowLabels="false"
            <Items> 
                <telerik:ChartSeriesItem YValue="156"
                </telerik:ChartSeriesItem> 
            </Items> 
        </telerik:ChartSeries> 
        <telerik:ChartSeries Type="StackedBar" Appearance-ShowLabels="false"
            <Items> 
                <telerik:ChartSeriesItem YValue="207"
                </telerik:ChartSeriesItem> 
            </Items> 
        </telerik:ChartSeries> 
    </Series> 
    <Legend Appearance-Overflow="Row" Appearance-Position-AlignedPosition="Bottom"></Legend> 
</telerik:RadChart> 


Hope this helps.


Sincerely yours,
Manuel
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Tags
Chart (Obsolete)
Asked by
alsi
Top achievements
Rank 1
Answers by
Giuseppe
Telerik team
Share this question
or