Scrolling Line Chart Display Issue

Thread is closed for posting
3 posts, 0 answers
  1. Michael
    Michael avatar
    51 posts
    Member since:
    Dec 2008

    Posted 28 Jun 2011 Link to this post

    I'm working with Q1 2011 SP2 and IE9 trying to get a Line chart working with a scrolling X-axis.  The problem is the little spinning ajax graphic doesn't go away.  How can I get that to not display.  I'm binding the chart to my dataset in the code behind

    Thanks

    ASPX:

     

    <telerik:RadChart ID="chrtSiteCompleted" runat="server"  Width="400px" Height="400px" Skin="LightBlue" AutoLayout="true" SeriesOrientation="Vertical">
          <ChartTitle>
               <TextBlock Visible="false"></TextBlock>
           </ChartTitle>
           <Legend Visible="false"></Legend>
           <Appearance Corners="Round,Round,Round,Round,7"></Appearance>
           <PlotArea>
               <Appearance Corners="Round,Round,Round,Round,7"></Appearance>
           </PlotArea>
           <Series>                        
               <telerik:ChartSeries Name="Complete Sites per Day" Type="Line">
               <Appearance></Appearance>
                   <Items>
                   </Items>
               </telerik:ChartSeries>
           </Series>  
           <ClientSettings EnableZoom="false" ScrollMode="XOnly" XScale="2" />                   
    </telerik:RadChart>

     

    Code Behind:

    //Get Sites Completed per day
    DataSet dsCompleteSites = Customer.GetCompleteSitesDay();
    chrtSiteCompleted.DataSource = dsCompleteSites;
    chrtSiteCompleted.Series[0].DataYColumn = "CntPerday";
    chrtSiteCompleted.PlotArea.XAxis.DataLabelsColumn = "DateCompleted";
    chrtSiteCompleted.PlotArea.XAxis.Appearance.LabelAppearance.RotationAngle = -45;
    chrtSiteCompleted.PlotArea.XAxis.Appearance.LabelAppearance.Position.AlignedPosition = AlignedPositions.Left;
    chrtSiteCompleted.DataBind();

     

  2. Michael
    Michael avatar
    51 posts
    Member since:
    Dec 2008

    Posted 28 Jun 2011 Link to this post

    Well after I've played around some more and copied the Scrolling example.  I have figured out that the problem is with the skin.   The little ajax type graphic displays on all of the skins except for the Mac Skin used in the example.  If you change the example Skin to something else the little ajax graphic displays as well.  How can this be fixed for the other skins?

    Thank you
  3. Tsvetie
    Admin
    Tsvetie avatar
    1517 posts

    Posted 01 Jul 2011 Link to this post

    Hello Michael,
    You can use the following style (just add it to the HEAD of your page) to hide the progress indicator of your chart:

    <style type="text/css">
    .RadChart .rchImgWrap div
    {
        background-image:none;
    }
    </style>

    All the best,
    Tsvetie
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

Back to Top