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

Scrolling Line Chart Display Issue

2 Answers 76 Views
Chart (Obsolete)
This is a migrated thread and some comments may be shown as answers.
Michael
Top achievements
Rank 1
Michael asked on 28 Jun 2011, 04:37 PM
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 Answers, 1 is accepted

Sort by
0
Michael
Top achievements
Rank 1
answered on 28 Jun 2011, 04:52 PM
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
0
Tsvetie
Telerik team
answered on 01 Jul 2011, 12:37 PM
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.

Tags
Chart (Obsolete)
Asked by
Michael
Top achievements
Rank 1
Answers by
Michael
Top achievements
Rank 1
Tsvetie
Telerik team
Share this question
or