Zoom and Scroll problem

[Lorenzo]

Hi,

I have a big problem: my RadChart with scroll and zoom have a rendering problem with FireFox and Chrome but run with IE.
This is my scenario:

<asp:UpdatePanel ID="m_upd_MarkerPricesChart" runat="server" UpdateMode="Conditional">
   <ContentTemplate>
      <telerik:RadChart ID="m_rcv_MarketPrices" runat="server" DataSourceID="m_Chart_MarketPricesDataSource"
         ChartTitle-TextBlock-Text="Power Market Prices [EUR/MWh]" SkinID="Prices" OnItemDataBound="m_rcv_MarketPrices_ItemDataBound"
         Width="1140px" Height="380px" DefaultType="Line" IntelligentLabelsEnabled="true"
         Skin="DeepGray" AutoLayout="true">
         <Legend Visible="true">
            <Appearance GroupNameFormat="#SeriesName" />
         </Legend>
         <PlotArea>
            <YAxis MinValue="50" MaxValue="150" Step="10" AutoScale="false" />
            <XAxis AutoScale="false" />
         </PlotArea>
         <ClientSettings ScrollMode="Both" />
         <Series>
            <telerik:ChartSeries DataYColumn="CH - Power Market Price [EUR/MWh]" Name="CH - Power Market Price [EUR/MWh]">
               <Appearance LabelAppearance-Visible="false">
                  <PointMark Visible="True" Dimensions-AutoSize="false" Dimensions-Height="10px" Dimensions-Width="10px">
                     <FillStyle MainColor="186, 207, 141" FillType="solid">
                     </FillStyle>
                  </PointMark>
                  <LineSeriesAppearance Width="3" />
               </Appearance>
            </telerik:ChartSeries>
            <telerik:ChartSeries DataYColumn="IT - Power Market Price [EUR/MWh]" Name="IT - Power Market Price [EUR/MWh]">
               <Appearance LabelAppearance-Visible="false">
                  <PointMark Visible="True" Dimensions-AutoSize="false" Dimensions-Height="10px" Dimensions-Width="10px">
                     <FillStyle MainColor="186, 207, 141" FillType="solid">
                     </FillStyle>
                  </PointMark>
                  <LineSeriesAppearance Width="3" />
               </Appearance>
            </telerik:ChartSeries>
            <telerik:ChartSeries DataYColumn="DE - Power Market Price [EUR/MWh]" Name="DE - Power Market Price [EUR/MWh]">
               <Appearance LabelAppearance-Visible="false">
                  <PointMark Visible="True" Dimensions-AutoSize="false" Dimensions-Height="10px" Dimensions-Width="10px">
                     <FillStyle MainColor="186, 207, 141" FillType="solid">
                     </FillStyle>
                  </PointMark>
                  <LineSeriesAppearance Width="3" />
               </Appearance>
            </telerik:ChartSeries>
            <telerik:ChartSeries DataYColumn="RO - Power Market Price [EUR/MWh]" Name="RO - Power Market Price [EUR/MWh]">
               <Appearance LabelAppearance-Visible="false">
                  <PointMark Visible="True" Dimensions-AutoSize="false" Dimensions-Height="10px" Dimensions-Width="10px">
                     <FillStyle MainColor="186, 207, 141" FillType="solid">
                     </FillStyle>
                  </PointMark>
                  <LineSeriesAppearance Width="3" />
               </Appearance>
            </telerik:ChartSeries>
         </Series>
      </telerik:RadChart>
      <telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" SkinID="Graph"
         ToolTipZoneID="m_rcv_MarketPrices" />
   </ContentTemplate>
</asp:UpdatePanel>
<asp:ObjectDataSource ID="m_Chart_MarketPricesDataSource" runat="server" SelectMethod="ReadAllForGraph"
   TypeName="Zelando.SEM.BLL.MarketPricesManager" OldValuesParameterFormatString="original_{0}">
   <SelectParameters>
      <asp:ControlParameter ControlID="m_Update_hdn_StrategicPeriodID" PropertyName="Value"
         Type="Int32" Name="StrategicPeriodID" DefaultValue="-1" ConvertEmptyStringToNull="false" />
      <asp:ControlParameter ControlID="m_Update_hdn_ShowNumItem" PropertyName="Value" Type="Int32"
         Name="ShowNumItem" DefaultValue="-1" ConvertEmptyStringToNull="false" />
   </SelectParameters>
</asp:ObjectDataSource>


What can I do?


Thanks in advance,

Francesco Balatti
zelando.com

[Tsvetie]

Hi Lorenzo,
I reviewed your code and it looks correct. I tried to reproduce the problem locally using your code, but to no avail. In case I understand the problem correctly, the background image of the chart is not loaded correctly. Do you get this result on initial page load, or after an AJAX request? Could you please try disabling the AJAX to see if this will make a difference? Additionally, you can check the status of the requests, using Firebug (the Net tab). Another thing that you can test is whether you can reproduce the problem on another machine - just to make sure that the problem is not in your concrete browser configuration or a plugin that you have installed.

In case these suggestions do not help you find the cause for the problem, please open a formal support ticket and send me a running test project that demonstrates the problem.

Regards,
Tsvetie
the Telerik team

[Lorenzo]

Hi!

I try without the RadAjaxManager and the problem is the same.

Someone can help me?




Thanks a lot

Francesco Balatti
zelando.com

[Tsvetie]

Hello Lorenzo,
Did you try my other suggestions, apart from disabling AJAX? What was the result?

As I already mentioned, in case my suggestions do not help you, the best way to proceed is to open a formal support ticket and send us a simple running test project. That way we will be able to debug your code and find the cause for the problem.

Regards,
Tsvetie
the Telerik team

[Lorenzo]

I solved it!

My problem is about this directive in MasterPage file:

Page.ClientTarget = "uplevel";

I canceled it and I solve the problem!


But now I have an other problem: after a zoom I want to come back to the original chart, what can I do?

Thanks in advance


Francesco Balatti
zelando.com

[Ramandeep]

To go back to original Zoom level, you may add a button and in the code behind, write the following in its click event handler:

m_rcv_MarketPrices.ClientSettings.XScale = 1;