How to show Columnseries lables vertically...

4 posts, 0 answers
  1. Saikiran
    Saikiran avatar
    8 posts
    Member since:
    Jul 2014

    Posted 30 Jul 2014 Link to this post

    Please find the attached image.
    In that how to show labels verically.


    Thanks
  2. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1490 posts

    Posted 30 Jul 2014 Link to this post

    Hello Saikiran,

    You can use LabelsAppearance.RotationAngle in order to change labels' orientation. For example:
    ASPX:
    <telerik:RadHtmlChart ID="RadHtmlChart1" runat="server" Height="400px" Width="600px">
        <PlotArea>
            <Series>
                <telerik:ColumnSeries Name="Product 1">
                    <LabelsAppearance RotationAngle="90"></LabelsAppearance>
                    <SeriesItems>
                        <telerik:CategorySeriesItem Y="15000" />
                        <telerik:CategorySeriesItem Y="23000" />
                        <telerik:CategorySeriesItem Y="10000" />
                    </SeriesItems>
                </telerik:ColumnSeries>
            </Series>
            <XAxis>
                <Items>
                    <telerik:AxisItem LabelText="1" />
                    <telerik:AxisItem LabelText="2" />
                    <telerik:AxisItem LabelText="3" />
                </Items>
            </XAxis>
        </PlotArea>
        <ChartTitle Text="Product sales for 2011">
        </ChartTitle>
        <Legend>
            <Appearance Position="Bottom">
            </Appearance>
        </Legend>
    </telerik:RadHtmlChart>



    Regards,
    Danail Vasilev
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Saikiran
    Saikiran avatar
    8 posts
    Member since:
    Jul 2014

    Posted 30 Jul 2014 in reply to Danail Vasilev Link to this post

    Parser Error Description: An error occurred during the parsing of a resource required to service this request. Please review the following specific parse error details and modify your source file appropriately.

    Parser Error Message: The 'RotationAngle' property cannot be set declaratively.

    Source Error:

    Line 31: </ClientTemplate>
    Line 32: </TooltipsAppearance>
    Line 33: <LabelsAppearance RotationAngle="90">
    Line 34: </LabelsAppearance>
    Line 35: </telerik:ColumnSeries>


    Version Information: Microsoft .NET Framework Version:4.0.30319; ASP.NET Version:4.0.30319.1022             
  5. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1490 posts

    Posted 30 Jul 2014 Link to this post

    Hello Saikiran,

    If you are not using the latest official version of Telerik UI controls - 2014.2.427, does upgrading to it fixes the issue? If this step, however, do not help it would be better to try to reproduce the issue with the example from my previous step and then tell us what changes you have made, so that I can make an examination locally.

    Regards,
    Danail Vasilev
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top