Rad chart show x label not full

4 posts, 0 answers
  1. Thipmonta
    Thipmonta avatar
    3 posts
    Member since:
    Jun 2012

    Posted 14 Aug Link to this post

    Dear ,

     

    I use rad chart but I have problem XAxis label show not full because I cannot set Height.

    Sample on Image.

     

     

  2. Vessy
    Admin
    Vessy avatar
    2067 posts

    Posted 18 Aug Link to this post

    Hi Thipmonta,

    The labels of the chart are shown as a part of the controls PlotArea and remains always visible. The most probable reason for the labels appear cut off like in the attached image is that the Chart's wrapper does not have enough height in order to visualize the whole element of the chart. Below you can see how the chart resize itself in order to fit the whole labels in its height:

            <telerik:RadScriptManager runat="server"></telerik:RadScriptManager>
            <telerik:RadHtmlChart ID="RadHtmlChart1" runat="server">
                <PlotArea>
                    <Series>
                        <telerik:LineSeries Name="Series 1">
                            <Items>
                                <telerik:SeriesItem XValue="1" YValue="30" />
                                <telerik:SeriesItem XValue="2" YValue="10" />
                                <telerik:SeriesItem XValue="3" YValue="15" />
                                <telerik:SeriesItem XValue="4" YValue="20" />
                                <telerik:SeriesItem XValue="5" YValue="17" />
                                <telerik:SeriesItem XValue="6" YValue="35" />
                                <telerik:SeriesItem XValue="7" YValue="15" />
                            </Items>
                        </telerik:LineSeries>
                    </Series>
                    <XAxis>
                        <LabelsAppearance RotationAngle="270">
                            <TextStyle />
                        </LabelsAppearance>
                        <Items>
                            <telerik:AxisItem LabelText="SomeLongLabel1SomeLongLabel1" />
                            <telerik:AxisItem LabelText="SomeLongLabel2" />
                            <telerik:AxisItem LabelText="SomeLongLabel3" />
                            <telerik:AxisItem LabelText="SomeLongLabel4" />
                            <telerik:AxisItem LabelText="SomeLongLabel5" />
                            <telerik:AxisItem LabelText="SomeLongLabel6" />
                            <telerik:AxisItem LabelText="SomeLongLabel7" />
                        </Items>
                    </XAxis>
                </PlotArea>
            </telerik:RadHtmlChart>

     

    Regards, Vessy
    Progress Telerik

    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
  3. Thipmonta
    Thipmonta avatar
    3 posts
    Member since:
    Jun 2012

    Posted 27 Aug in reply to Vessy Link to this post

    Thank you very much Vessy

    Now I can run normal.

  4. Vessy
    Admin
    Vessy avatar
    2067 posts

    Posted 30 Aug Link to this post

    Hi,

    You are welcome, Thipmonta - I am really glad my reply helped you to achieve the target behavior. Let is know should any further question occur.

    Regards,
    Vessy
    Progress Telerik

    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top