Date scaling Axis

• July 22, 2020 at 12:26 pm #30275
  
  mwick

  Hi,

  in my stacked column chart i need a cleaner formating / scaling. The bars should only have a with by 1 day / date or with other words, on axis a date should only appear once.

  <img src="<img src=”https://i.ibb.co/y8j9rMj/Unbenannt.png&#8221; alt=”Unbenannt” border=”0″ />” alt=”Image” />

  axisX:{
  labelFontFamily: font,
  margin: 10,
  labelFormatter: function (e) {
  return CanvasJS.formatDate( e.value, “DD MMM YYYY”);
  },
  },

  dataPoints: Array(2)
  0:
  x: Wed Apr 29 2020 02:00:00 GMT+0200 (Mitteleuropäische Sommerzeit)
  y: 1
  1:
  x: Fri May 01 2020 02:00:00 GMT+0200 (Mitteleuropäische Sommerzeit)
  y: 1

  And how can i show the Date in Tooltip of the bar?

  • This topic was modified 4 years, 4 months ago by mwick. Reason: Image broken
  July 22, 2020 at 6:59 pm #30292
  
  Shashi Ranjan

  @mwick,

  You can set the axisX intervalType as ‘day’ and interval as 1 to achieve your requirement. For formatting the date and time values in toolTip you can set xValueFormatString as per your scenario.

  If you are still facing issue, kindly create a JSFiddle reproducing the issue you are facing and share it with us so that we can look into the chart options being used, understand the scenario better and help you resolve.

  —
  Shashi Ranjan
  Team CanvasJS

  July 23, 2020 at 10:07 am #30296
  
  mwick

  Thank you!

  • This reply was modified 4 years, 3 months ago by mwick.