Zoom and Scroll problem

Thread is closed for posting
6 posts, 0 answers
  1. Lorenzo
    Lorenzo avatar
    14 posts
    Member since:
    Oct 2010

    Posted 30 Sep 2011 Link to this post

    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
  2. Tsvetie
    Admin
    Tsvetie avatar
    1517 posts

    Posted 05 Oct 2011 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Lorenzo
    Lorenzo avatar
    14 posts
    Member since:
    Oct 2010

    Posted 11 Nov 2011 Link to this post

    Hi!

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

    Someone can help me?




    Thanks a lot

    Francesco Balatti
    zelando.com
  5. Tsvetie
    Admin
    Tsvetie avatar
    1517 posts

    Posted 16 Nov 2011 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  6. Lorenzo
    Lorenzo avatar
    14 posts
    Member since:
    Oct 2010

    Posted 16 Nov 2011 Link to this post

    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
  7. Ramandeep
    Ramandeep avatar
    1 posts
    Member since:
    Sep 2011

    Posted 16 Nov 2011 Link to this post

    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;
    
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017