Bar Labels,

[Mark Gregor]

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!

[Giuseppe]

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

[Brian Azzi]

Excellent tip, thank you. :)