1. Home
  2. Forum
  3. jQuery
  4. Setting axis range while zoomed in

Setting axis range while zoomed in

Hi,

im trying to set the range of primaryYAxis via 

.option({ primaryYAxis: { range: { min: value1 max: value2 } } })

which is working fine while the chart is not zoomed in, but is failing to set the axis ranges when either box zoom or the mousewheel is used
beforehand.

Is there a reason why this operation is prohibited?

Edit:

if found these lines of code in the ej.chart.js file:
 
if (chartObj.zoomed || chartObj.resetZooming)
axis.range = axis._range;

(line 13750 and 13751)

is there a reason why the range is set back to its initial value if the chart is zoomed in?

10 Replies
BP Baby Palanidurai Syncfusion Team June 13, 2019 09:28 AM UTC

Hi Jakob, 
 
Greetings from Syncfusion. 
 
We have analyzed query. We have tried to replicate the reported scenario. Unfortunately, we are unable to reproduce the reported issue. We have created a simple sample based on your scenario. In that range update for the chart primaryYaxis is working fine after zoom in or zoom out operations are performed. 
 
 
Since we are not aware of your exact scenario which the issue is reproduced. Kindly check the above sample and revert us with following information which will be more helpful for further analysis and provide you the solution sooner. 
 
  • Please share your sample (or) code snippet.
 
  • Try to replicate the reported scenario in the above sample.
 
  • Share more information about your exact problem.
 
Regards, 
Baby. 


JB Jakob Brunner June 13, 2019 10:44 AM UTC

Hi,

thank you for your fast answer. I modified your sample to show you exactly what the problem is that i have:


<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel='nofollow' href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet" />
    <link rel='nofollow' href="//cdn.syncfusion.com/17.1.0.38/js/web/flat-azure/ej.web.all.min.css" rel="stylesheet" />
    <link rel='nofollow' href="17.1.0.38/themes/web/content/default.css" rel="stylesheet" />
    <link rel='nofollow' href="17.1.0.38/themes/web/content/default-responsive.css" rel="stylesheet" />
 
    <script type="text/javascript" src="//cdn.syncfusion.com/js/assets/external/jquery-2.1.4.min.js"></script>    
 
    <script type="text/javascript" src="//cdn.syncfusion.com/17.1.0.38/js/web/ej.web.all.min.js"></script>
   <script src="17.1.0.38/scripts/web/properties.js" type="text/javascript"></script>
<style>
       .e-scrollbar .e-hscroll {
         border:1px solid #c8c8c8;
height:100%;
       }
       .e-scroller .e-hscroll .e-hup.e-button { 
        width:16px !important;
       }
       e-scrollbar .e-hscroll .e-icon { 
        height:15px !important;
       }
     </style>
 </head>
 <body>  
<div class="content-container-fluid">      
        <div class="row">                
            <div class="cols-sample-area">                                 
<div id="container"></div>                    
            </div>
        </div>
</div>
 <script type="text/javascript" language="javascript">
$(function () 
{

        $("#container").ejChart( 
        {
//Initializing Primary X Axis  
primaryXAxis:
            {
                title: {text: "Sales Across Years"},
                range: {min: new Date(2000, 6, 1), max: new Date(2010, 6, 1), interval: 1},
                intervalType: 'Years',
                labelFormat: 'MMM-yyyy',
                valueType: 'datetime'
},
//Initializing Primary Y Axis
            primaryYAxis:
            {
                title: {text: "Sales Amount in millions(USD)"},
                labelFormat: '${value}',
              range:{min: 0, max: 100}
               // rangePadding: 'additional'
            },
//Initializing Common Properties for all the series
commonSeriesOptions:
{
tooltip:
{
visible: true
}
},
//Initializing Series
            series: 
[
{
                    points: [{ x: new Date(2000, 06, 11), y: 10 }, { x: new Date(2002, 03, 07), y: 30 }, 
{ x: new Date(2004, 03, 06), y: 15 }, { x: new Date(2006, 03, 30), y: 65 }, 
{ x: new Date(2008, 03, 08), y: 90 }, { x: new Date(2010, 03, 08), y: 85 }],
name: 'Sales', 
type: 'line', 
enableAnimation : true,
marker:
                    {
                        shape: 'circle',
size:
                        {
                            height: 10, width: 10
                        },
                        visible: true
                    },
                    border:{width: 3},
tooltip :{ format: " Date : #point.x#  <br/> Profit : #point.y# "}
}
],
//Initializing Zooming
zooming: 
{  
enable: true, 
type: 'x,y', 
enableMouseWheel: true,
enableScrollbar:true
},
            title:{text: 'Server CPU Load'},
            isResponsive: true,
            size: { height: "600" },
            legend: { visible: false},        
          
          chartClick : function (args){
          $("#container").ejChart("instance").option({primaryYAxis: { range : { min:30 , max: 100}}});
        $("#container").ejChart("redraw");   
        }
});
    });
 </script>
 </body>
</html>

If you run this code and make a click in the chart, the range on the y axis is set correctly, but if you run the code again, zoom in and click in the chart, the axis range is not updated. I would need to be able to update the axis range even when i am zoomed into the chart.

Thanks in advance for your answer and have a nice day



BP Baby Palanidurai Syncfusion Team June 17, 2019 03:38 AM UTC

Hi Jakob, 
 
Thanks for your update. 
 
We have analyzed your query. We can reproduce the reported issue at end. So, we confirm this as a bug and logged a defect report. You can keep track of the bug from the feedback portal below.  
 
 
The fix will be available in our upcoming volume 2 main release which is scheduled to be rolled out at end of June 2019. And we can also provide the  patch on 25th June 2019. Kindly revert us, if you need a patch on mentioned date. 
 
If you have any more specification/precise replication procedure or a scenario to be tested, you can add it as a comment in the portal.  
  
Thanks,  
Baby. 


JB Jakob Brunner June 26, 2019 10:21 AM UTC

Hi Baby

"And we can also provide the  patch on 25thJune 2019. Kindly revert us, if you need a patch on mentioned date. "

As already mentioned in the feedback section https://www.syncfusion.com/feedback/6912/range-not-working-while-zoomed-state-in-chart, i would appreciate to get the fix for this bug as fast as possible.

Thank you in advance and have a nice day

KC Kalaimathi Chellaiah Syncfusion Team June 26, 2019 05:49 PM UTC

Hi Jakob, 


Sorry for the inconvenience caused. 

We are glad to let you know that the reported issue “Range not working while zoomed state in chart” has been fixed 
and
patch
(ej.web.all.min) for the reported issue can be downloaded from the following location.

Patch Link:
http://syncfusion.com/Installs/support/patch/17.1.0.38/1071063/F145197/SyncfusionPatch_17.1.0.38_1071063_6262019094830926_F145197.zip 


Now
Range is working fine while zoomed state in chart. 


Note: 
You can change how you receive bug fixes by navigating to the following link and updating your preferences.

https://www.syncfusion.com/support/directtrac/patches

Disclaimer: 
Please note that we have created this patch for version 17.1.0.38 specifically to resolve the following issue(s) reported in this/the forum(s) 145197. If you have received other patches for the same version for other products, please apply all patches in the order received. 


This fix will be included in our upcoming volume 2 main release, which is expected to be roll out at the middle of July
2019.  


We have provided patch in the version 17.1.0.38, since you have mentioned this version in this incident. If you are using some other version source, kindly revert us the version. Thus we can provide you the patch on that appropriate version. 


Regards, 

Kalai. 







JB Jakob Brunner July 19, 2019 08:26 AM UTC

"This fix will be included in our upcoming volume 2 main release, which is expected to be roll out at the middle of July 2019. "

Did you include the fix in version 17.2.0.34? I upgraded to this version via the custom script generator, but my problem does not seem to be fixed. The previous provided version did work.

best regards,
Jakob

KC Kalaimathi Chellaiah Syncfusion Team July 22, 2019 12:59 PM UTC

Hi Jakob, 
 
Sorry for the inconvenience caused. 
 
We have fixed this issue at our end. Due to some technical difficulties we are unable include this fix in our volume 2 main release. So we will include this fix our upcoming volume 2 Sp1 release. Meanwhile, we will provide custom patch in reported release version on July 25, 2019. We appreciate your patience until then. 
 
Regards, 
Kalai. 


KC Kalaimathi Chellaiah Syncfusion Team July 25, 2019 10:15 AM UTC

Hi Jakob,
Sorry for the inconvenience caused.

As stated earlier, the reported issue “Range not working while zoomed state in chart” has been fixed at our end but due to some technical issues we are unable include this fix in volume 2 main release. So we have triggered the custom patch for this issue in v17.2.0.34 and the patch (ej.web.all.min) for the reported issue can be downloaded from the following location.

Now Range is working fine while zoomed state in chart.
Note:
You can change how you receive bug fixes by navigating to the following link and updating your preferences.

https://www.syncfusion.com/support/directtrac/patches

Disclaimer:
Please note that we have created this patch for version 17.2.0.34 specifically to resolve the following issue(s) reported in this/the forum(s) 145197. If you have received other patches for the same version for other products, please apply all patches in the order received.

This fix will be included in our upcoming volume 2 sp1 main release, which is expected to be roll out at the end of July 2019.
We have provided patch in the version 17.2.0.34, since you have mentioned this version in this incident. If you are using some other version source, kindly revert us the version. Thus we can provide you the patch on that appropriate version.
Regards,
Kalai.


JB Jakob Brunner August 5, 2019 06:44 AM UTC

Hi,

you wrote that "This fix will be included in our upcoming volume 2 sp1 main release, which is expected to be roll out at the end of July 2019". Do you have any news, when sp1 is going to be released?

regards,
Jakob 

KC Kalaimathi Chellaiah Syncfusion Team August 5, 2019 09:49 AM UTC

Hi Jakob, 
 
Sorry for the inconvenience caused. 
 
As stated earlier the reported issue has been fixed at our end and we have provided custom patch in your specified version. In pervious update we have mentioned our sp1 release will be rolled out end of July but our volume 2 SP1 release will be scheduled to roll out on August 21st 2019. We appreciate your patience until then. 
 
Regards, 
Kalai. 



Loader.
Up arrow icon