Losing my xAxis labels

• August 30, 2017 at 2:44 am #15935
  
  Kathy

  Hello,

  We had (with your help) dateTimeFormatter() working with rangeChanging to modify the format of xAxis labels based on zoom level.

  Client then insisted on setting interval and intervalType during initial load of chart based on the number of years.

  axisXOption{} is set at highest scope. Then when chart is drawn by drawchart() I have now added

  if (years == 0) {
  	axisXOption.intervalType = 'year';
  	axisXOption.interval = 3;
  } else if (years == 1 || years == 2) {
  	axisXOption.intervalType = 'month';
  	axisXOption.interval = 1;
  } else if (years == 3) {
  	axisXOption.intervalType = "month";
  	axisXOption.interval = 3;
  } else if (years == 5) {
  	axisXOption.intervalType = "month";
  	axisXOption.interval = 6;
  }

  That does set up the initial labels as required. However now when zoom occurs the xAxis labels and gridlines are removed.

  The issue can be seen here in this JSFiddle.

  Can you help me see why that occurs?

  Thank you!!

  August 31, 2017 at 10:50 am #15947
  
  Indranil

  Kathy,

  On calling the rangeChanging event handler mention the intervalType and interval in each of the individual conditions.

  Please take a look at this solution.

  ____________
  Indranil Deo,
  Team CanvasJS

  • This reply was modified 7 years, 2 months ago by Indranil.
  • This reply was modified 7 years, 2 months ago by Indranil.
  August 31, 2017 at 8:12 pm #15953
  
  Kathy

  Thank you! I had tried that but I guess I must have done it incorrectly. Very much appreciate your help!!