Bar Labels,

Thread is closed for posting
3 posts, 0 answers
  1. Mark Gregor
    Mark Gregor avatar
    15 posts
    Member since:
    Nov 2006

    Posted 02 Jun 2008 Link to this post

    Hi All, I have a horizontal bar chart and need to place text inside the actual bars.  Basically the text is too long to fit on the x axis and I would like to use it inside the bars which it will fit. 

    Any idea's?
    Thanks in advance!
  2. Giuseppe
    Admin
    Giuseppe avatar
    2363 posts

    Posted 03 Jun 2008 Link to this post

    Hi Mark Gregor,

    You can achieve the desired effect like this:

    <telerik:RadChart ID="RadChart1" runat="server" Width="700px" AutoLayout="True" SeriesOrientation="Horizontal"
        <Series> 
            <telerik:ChartSeries Name="Series 1" Type="Bar"
                <Items> 
                    <telerik:ChartSeriesItem Name="Item 1" YValue="10"
                        <Label TextBlock-Text="Custom SeriesItem Text 1"
                            <Appearance LabelLocation="Inside" Position-AlignedPosition="Left"></Appearance> 
                        </Label> 
                    </telerik:ChartSeriesItem> 
                    <telerik:ChartSeriesItem Name="Item 2" YValue="15"
                        <Label TextBlock-Text="Custom SeriesItem Text 2"
                            <Appearance LabelLocation="Inside" Position-AlignedPosition="Left"></Appearance> 
                        </Label> 
                    </telerik:ChartSeriesItem> 
                    <telerik:ChartSeriesItem Name="Item 3" YValue="7"
                        <Label TextBlock-Text="Custom SeriesItem Text 3"
                            <Appearance LabelLocation="Inside" Position-AlignedPosition="Left"></Appearance> 
                        </Label> 
                    </telerik:ChartSeriesItem> 
                    <telerik:ChartSeriesItem Name="Item 4" YValue="11"
                        <Label TextBlock-Text="Custom SeriesItem Text 4"
                            <Appearance LabelLocation="Inside" Position-AlignedPosition="Left"></Appearance> 
                        </Label> 
                    </telerik:ChartSeriesItem> 
                    <telerik:ChartSeriesItem Name="Item 1" YValue="10"
                        <Label TextBlock-Text="Custom SeriesItem Text 5"
                            <Appearance LabelLocation="Inside" Position-AlignedPosition="Left"></Appearance> 
                        </Label> 
                    </telerik:ChartSeriesItem> 
                </Items> 
            </telerik:ChartSeries> 
        </Series> 
    </telerik:RadChart> 


    Hope this helps.


    All the best,
    Manuel
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. Brian Azzi
    Brian Azzi avatar
    65 posts
    Member since:
    Mar 2010

    Posted 17 Jun 2010 Link to this post

    Excellent tip, thank you. :)
Back to Top