Radchart label text hidden

[Kishor]

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

[Princy]

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.

[Kishor]

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

[Kishor]

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

[Danail Vasilev]

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

 

 

[Kishor]

Thanks Danail

Problem is solved by the solution provided by you.


Thanks
Kishor