Radar chart position and label truncating

6 posts, 0 answers
  1. jmillar
    jmillar avatar
    33 posts
    Member since:
    Oct 2006

    Posted 11 Mar Link to this post

    Hi there;

    Two questions:

    1.  I'm currently rendering a radar chart inside a DIV, which has text-align set to center.  The chart continually renders on the left side of the DIV, though.  Is there a trick I'm missing?

    2.  Some of the x axis labels are truncated.  Is there a way to prevent this?

    Thanks,

    Jason

    <div class="ChartContainer">
    <telerik:RadHtmlChart ID="radarRCM" runat="server" Width="400px" >
        <Legend>
            <Appearance Visible="false"></Appearance>
        </Legend>
        <PlotArea>
            <Series>
                <telerik:RadarLineSeries DataFieldY="Score" Name="RadarLineSeries1">
                    <LabelsAppearance Visible="false"></LabelsAppearance>
                </telerik:RadarLineSeries>
            </Series>
            <XAxis DataLabelsField="Discipline" >
            </XAxis>
        </PlotArea>
     
        <Zoom Enabled="False"></Zoom>
    </telerik:RadHtmlChart>
    </div>

  2. Stamo Gochev
    Admin
    Stamo Gochev avatar
    157 posts

    Posted 16 Mar Link to this post

    Hi Jason,

    As the chart is rendered in a div element, you need to horizontally center it inside another div, so you can use this:
    .RadHtmlChart  {
        margin: 0 auto;
    }
    Regarding your question about axis labels - you can have a look at the common issues help article and use the suggested approaches for resolving the case.

    Regards,
    Stamo Gochev
    Telerik
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. jmillar
    jmillar avatar
    33 posts
    Member since:
    Oct 2006

    Posted 16 Mar in reply to Stamo Gochev Link to this post

    Thanks Stamo - I had looked at rotating the labels, but some of them are quite long and so that won't quite work.  I also tried swapping out the spaces to use the \n character as described in the multiline label article, but with the radar chart it generates a javascript error and the chart won't render.

    Does anyone have an experience with this?

    J

  5. Stamo Gochev
    Admin
    Stamo Gochev avatar
    157 posts

    Posted 21 Mar Link to this post

    Hi Jason,

    Can you send me a sample page that demonstrates the described problem with radar series, so I can investigate the setup and provide you with further suggestions on the case?

    Regards,
    Stamo Gochev
    Telerik
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
  6. jmillar
    jmillar avatar
    33 posts
    Member since:
    Oct 2006

    Posted 21 Mar in reply to Stamo Gochev Link to this post

    Hi Stamo;

    I believe I got it figured out.  I had tried replacing the spaces with \n, but it was just included as a literal in the labels.  It appears I had to escape the backslash, so replacing spaces with \\n worked.

    Thanks,

    Jason

  7. Stamo Gochev
    Admin
    Stamo Gochev avatar
    157 posts

    Posted 22 Mar Link to this post

    Hello Jason,

    I am really glad to hear that you have managed to apply the necessary configuration.

    Have a nice day!

    Regards,
    Stamo Gochev
    Telerik
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017