Scrolling Line Chart Display Issue

[Michael]

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();

 

[Michael]

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

[Tsvetie]

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