Regarding Display of the Bar Values

Thread is closed for posting
2 posts, 0 answers
  1. Deepak
    Deepak avatar
    4 posts
    Member since:
    Sep 2008

    Posted 03 Jan 2009 Link to this post

    Hi,
    I am plotting bar charts similar to the chart displayed into content provided by you
    http://www.telerik.com/help/aspnet-ajax/understandingtypesbar.html

    I have three bars for each point on X - Axis
    I am displaying the Y Value of the bar on the top of the bar (Similar To your example).
    When all the bars are of same height then the values present on the top of the bar overlaps and becomes not readable.

    If I can display the values vertically then also it will resolve the issue for me.

    Kindly help me to resolve the issue.

    Thanks and Regards....
    Ashish Tripathi
    Bangalore
  2. Giuseppe
    Admin
    Giuseppe avatar
    2363 posts

    Posted 05 Jan 2009 Link to this post

    Hello Deepak,

    You can rotate the labels by setting the ChartSeries.Appearance.LabelAppearance.RotationAngle property like this:

    <telerik:RadChart ID="RadChart1" runat="Server" AutoLayout="true"
        <Series> 
            <telerik:ChartSeries> 
                <Appearance> 
                    <LabelAppearance RotationAngle="90"
                    </LabelAppearance> 
                </Appearance> 
                <Items> 
                    <telerik:ChartSeriesItem YValue="100000"
                    </telerik:ChartSeriesItem> 
                    <telerik:ChartSeriesItem YValue="300000"
                    </telerik:ChartSeriesItem> 
                    <telerik:ChartSeriesItem YValue="200000"
                    </telerik:ChartSeriesItem> 
                </Items> 
            </telerik:ChartSeries> 
            <telerik:ChartSeries> 
                <Appearance> 
                    <LabelAppearance RotationAngle="90"
                    </LabelAppearance> 
                </Appearance> 
                <Items> 
                    <telerik:ChartSeriesItem YValue="100000"
                    </telerik:ChartSeriesItem> 
                    <telerik:ChartSeriesItem YValue="300000"
                    </telerik:ChartSeriesItem> 
                    <telerik:ChartSeriesItem YValue="200000"
                    </telerik:ChartSeriesItem> 
                </Items> 
            </telerik:ChartSeries> 
            <telerik:ChartSeries> 
                <Appearance> 
                    <LabelAppearance RotationAngle="90"
                    </LabelAppearance> 
                </Appearance> 
                <Items> 
                    <telerik:ChartSeriesItem YValue="100000"
                    </telerik:ChartSeriesItem> 
                    <telerik:ChartSeriesItem YValue="300000"
                    </telerik:ChartSeriesItem> 
                    <telerik:ChartSeriesItem YValue="200000"
                    </telerik:ChartSeriesItem> 
                </Items> 
            </telerik:ChartSeries> 
        </Series> 
    </telerik:RadChart> 


    Hope this helps.


    All the best,
    Manuel
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Back to Top