Small Logarithmic Values Create Infinite Loop

• January 29, 2021 at 3:02 pm #32639
  
  bfailing

  I can’t easily put this in an example on CodePen because it causes the browser to bog down, so I will describe it. Take your basic line chart example (here: https://canvasjs.com/html5-javascript-line-chart/) and change the first data point to { y: 1E-16 },. Then make the Y-Axis logarithmic – e.g., by adding:

  axisY: {		
      logarithmic: 1				
  },

  It seems to render okay if you increase the y value to 1E-15. Not sure if this affects other types of charts and/or or axes.

  January 30, 2021 at 7:23 am #32643
  
  Indranil

  @bfailing,

  It seems to be working fine except that y-axis range is not being shown, which can be worked out by setting the minimum of axisY. Please check this JSFiddle for an example.

  ___________
  Indranil Deo
  Team CanvasJS

  January 30, 2021 at 7:36 am #32644
  
  bfailing

  You JSFiddle doesn’t replicate the situation I described. As I said, go to that page and make the changes indicated. Or you can add a second data point to what you have. Then watch the browser memory usage rise…

  February 1, 2021 at 6:38 pm #32656
  
  Indranil

  @bfailing,

  Thanks for clearing the scenario. We will look into this further and get back to you at the earliest.

  ___________
  Indranil Deo
  Team CanvasJS

  February 2, 2021 at 6:54 pm #32672
  
  Indranil

  @bfailing,

  Based on the range of y-axis the chart is rendering too many labels which is causing the browser to freeze. You can workaround it by setting the minimum, maximum, and interval for axisY. Please check this JSFiddle for the same.

  ___________
  Indranil Deo
  Team CanvasJS