Radchart label text hidden

Thread is closed for posting
6 posts, 1 answers
  1. Kishor
    Kishor avatar
    82 posts
    Member since:
    Oct 2012

    Posted 02 Jun 2014 Link to this post

    hello

    Iam using radchart for windows form

    as attached in below chart ,the x-axis text is not seen completely

    i want to see the complete text

    please help

    thanks
    kishor
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 02 Jun 2014 in reply to Kishor Link to this post

    Hi Sawan,

    SVG itself (which is what RadHtmlChart uses to render) does not support line breaks. As a Suggestion you can  use the tooltip to show the long values and placing a truncated (or otherwise shortened) information in the labels. Please take a look into this page which discuss about adding LineBreaks in SVG.

    Thanks ,
    Princy.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Kishor
    Kishor avatar
    82 posts
    Member since:
    Oct 2012

    Posted 02 Jun 2014 in reply to Princy Link to this post

    hello sir

    tooltip will not work for me ,
     because i want to export this chart and print , and text is not shown in print

    also iam using Radchart for windows and not asp ajax

    thanks
  5. Kishor
    Kishor avatar
    82 posts
    Member since:
    Oct 2012

    Posted 02 Jun 2014 in reply to Princy Link to this post

    hello
    Iam using radchart for windows form
    as attached in below chart ,I want to increase series name font size or make it Bold

    please help
    thanks
    kishor
  6. Answer
    Danail Vasilev
    Admin
    Danail Vasilev avatar
    1494 posts

    Posted 03 Jun 2014 Link to this post

    Hi Kishor,

    In order to display more text in the labels you can set a higher value for the MaxLength property. Regarding changing the legend's font you can use the following property:

    ASPX:
    <telerik:RadChart ID="RadChart1" runat="server" Height="400px" Width="600px" AutoTextWrap="true">
        <Series>
            <telerik:ChartSeries Type="Bar" Name="Series 1">
                <Items>
                    <telerik:ChartSeriesItem YValue="30">
                    </telerik:ChartSeriesItem>
                    <telerik:ChartSeriesItem YValue="10">
                    </telerik:ChartSeriesItem>
                    <telerik:ChartSeriesItem YValue="20">
                    </telerik:ChartSeriesItem>
                </Items>
            </telerik:ChartSeries>
        </Series>
        <PlotArea>
            <XAxis AutoScale="false">
                <Appearance>
                    <LabelAppearance RotationAngle="-30"></LabelAppearance>
                    <TextAppearance MaxLength="100"></TextAppearance>
                </Appearance>
                <Items>
                    <telerik:ChartAxisItem TextBlock-Text="item 1 more text 1 more text 2 more text 3"></telerik:ChartAxisItem>
                    <telerik:ChartAxisItem TextBlock-Text="item 2 more text 1 more text 2 more text 3"></telerik:ChartAxisItem>
                    <telerik:ChartAxisItem TextBlock-Text="item 3 more text 1 more text 2 more text 3"></telerik:ChartAxisItem>
                </Items>
            </XAxis>
        </PlotArea>
    </telerik:RadChart>
    C#:
    protected void Page_Load(object sender, EventArgs e)
    {
        RadChart1.Legend.Appearance.ItemTextAppearance.TextProperties.Font = new System.Drawing.Font("Arial", 18, System.Drawing.FontStyle.Bold);
    }



    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.

     
  7. Kishor
    Kishor avatar
    82 posts
    Member since:
    Oct 2012

    Posted 03 Jun 2014 in reply to Danail Vasilev Link to this post

    Thanks Danail

    Problem is solved by the solution provided by you.


    Thanks
    Kishor
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017