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

Bar Labels,

2 Answers 66 Views
Chart (Obsolete)
This is a migrated thread and some comments may be shown as answers.
Mark Gregor
Top achievements
Rank 1
Mark Gregor asked on 02 Jun 2008, 07:45 PM
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 Answers, 1 is accepted

Sort by
0
Giuseppe
Telerik team
answered on 03 Jun 2008, 06:51 AM
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
0
Brian Azzi
Top achievements
Rank 2
answered on 17 Jun 2010, 07:01 PM
Excellent tip, thank you. :)
Tags
Chart (Obsolete)
Asked by
Mark Gregor
Top achievements
Rank 1
Answers by
Giuseppe
Telerik team
Brian Azzi
Top achievements
Rank 2
Share this question
or