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

Rad chart show x label not full

3 Answers 86 Views
Chart (HTML5)
This is a migrated thread and some comments may be shown as answers.
Thipmonta
Top achievements
Rank 1
Thipmonta asked on 14 Aug 2019, 08:01 AM

Dear ,

 

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

Sample on Image.

 

 

3 Answers, 1 is accepted

Sort by
0
Vessy
Telerik team
answered on 18 Aug 2019, 06:04 PM

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.
0
Thipmonta
Top achievements
Rank 1
answered on 28 Aug 2019, 03:23 AM

Thank you very much Vessy

Now I can run normal.

0
Vessy
Telerik team
answered on 30 Aug 2019, 12:46 PM

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.
Tags
Chart (HTML5)
Asked by
Thipmonta
Top achievements
Rank 1
Answers by
Vessy
Telerik team
Thipmonta
Top achievements
Rank 1
Share this question
or