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

How to show Columnseries lables vertically...

3 Answers 113 Views
Chart (HTML5)
This is a migrated thread and some comments may be shown as answers.
Saikiran
Top achievements
Rank 1
Saikiran asked on 30 Jul 2014, 11:55 AM
Please find the attached image.
In that how to show labels verically.


Thanks

3 Answers, 1 is accepted

Sort by
0
Danail Vasilev
Telerik team
answered on 30 Jul 2014, 12:30 PM
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.

 
0
Saikiran
Top achievements
Rank 1
answered on 30 Jul 2014, 01:27 PM
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             
0
Danail Vasilev
Telerik team
answered on 30 Jul 2014, 01:51 PM
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.

 
Tags
Chart (HTML5)
Asked by
Saikiran
Top achievements
Rank 1
Answers by
Danail Vasilev
Telerik team
Saikiran
Top achievements
Rank 1
Share this question
or