New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

    Multiline Labels

    Maha-rashtraUttarPradeshAndhraPradesh02000004000006000008000001000000120000014000001600000Nominal GDP(in Crores of Rupees)Year:2011-12GDP: 1199000Year:2012-13GDP: 1372000Year:2011-12GDP: 679000Year:2012-13GDP: 768000Year:2011-12GDP: 662000Year:2012-13GDP: 754000Top 3 Economies ofIndiaYear:2011-12Year:2012-13

    You can split labels and titles in the ASP.NET AJAX Chart into multiple lines by using the "\n" line feed characters. The feature is available since Q3 2014.

    Note: Tooltips in RadHtmlChart are rendered as pure HTML and therefore you must use <br /> tags for line breaks there.

    • DefaultVB.aspx
    <%@ Page Language="vb"  %>
     
    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
     
    <!DOCTYPE html>
    <html xmlns='http://www.w3.org/1999/xhtml'>
    <head runat="server">
        <title>Telerik ASP.NET Example</title>
    </head>
     
    <body>
        <form id="form1" runat="server">
        <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
        <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
        <div class="demo-container size-wide">
            <telerik:RadHtmlChart runat="server" ID="RadHtmlChart1" Width="800px" Height="500px" Skin="Silk">
                <ChartTitle Text="Top 3 Economies of \n India"></ChartTitle>
                <PlotArea>
                    <Series>
                        <telerik:ColumnSeries Name="Year:\n2011-12">
                            <LabelsAppearance>
                                <ClientTemplate>#=series.name#\nGDP: #=value#</ClientTemplate>
                            </LabelsAppearance>
                            <TooltipsAppearance>
                                <ClientTemplate>#=series.name#<br />GDP: #=value#<br />State: #=category#</ClientTemplate>
                            </TooltipsAppearance>
                            <SeriesItems>
                                <telerik:CategorySeriesItem Y="1199000" />
                                <telerik:CategorySeriesItem Y="679000" />
                                <telerik:CategorySeriesItem Y="662000" />
                            </SeriesItems>
                        </telerik:ColumnSeries>
                        <telerik:ColumnSeries Name="Year:\n2012-13">
                            <LabelsAppearance>
                                <ClientTemplate>#=series.name#\nGDP: #=value#</ClientTemplate>
                            </LabelsAppearance>
                            <TooltipsAppearance>
                                <ClientTemplate>#=series.name#<br />GDP: #=value#<br />State: #=category#</ClientTemplate>
                            </TooltipsAppearance>
                            <SeriesItems>
                                <telerik:CategorySeriesItem Y="1372000" />
                                <telerik:CategorySeriesItem Y="768000" />
                                <telerik:CategorySeriesItem Y="754000" />
                            </SeriesItems>
                        </telerik:ColumnSeries>
                    </Series>
                    <XAxis>
                        <Items>
                            <telerik:AxisItem LabelText="Maha-\nrashtra" />
                            <telerik:AxisItem LabelText="Uttar\nPradesh" />
                            <telerik:AxisItem LabelText="Andhra\nPradesh" />
                        </Items>
                    </XAxis>
                    <YAxis>
                        <TitleAppearance Text="Nominal GDP\n(in Crores of Rupees)"></TitleAppearance>
                        <MinorGridLines Visible="false" />
                    </YAxis>
                </PlotArea>
            </telerik:RadHtmlChart>
        </div>
        </form>
    </body>
    </html>

    Support & Learning Resources

    Find Assistance