The label on the X axis protrudes.

• May 1, 2018 at 4:46 pm #20510
  
  kinokatsu

  Hi.
  Please leave me a question.
  If you make the description below, only the half of the label at the far right is displayed.
  How can I deal with it?

  	axisX: {
  		valueFormatString: "HH:mm",
  		minimum: new Date(2017, 1, 5, 0),
  		maximum: new Date(2017, 1, 6, 0),
  		gridThickness: 1,
  	   	interval: 1,
  	   	intervalType: "hour",
  		labelAutoFit: true
  	}

  May 1, 2018 at 5:02 pm #20511
  
  kinokatsu

  sample:

  https://jsfiddle.net/katsukino/tn2u0650/9/

  • This reply was modified 6 years, 6 months ago by kinokatsu.
  • This reply was modified 6 years, 6 months ago by kinokatsu.
  May 2, 2018 at 10:04 am #20520
  
  Vishwas R

  @kinokatsu,

  Label is being clipped as you are restricting axis maximum. Setting labelAngle to a negative value should work fine in your case. Please take a look at this updated jsfiddle.

  —
  Vishwas R
  Team CanvasJS

  May 2, 2018 at 11:15 am #20522
  
  kinokatsu

  Vishwas,

  thanks for your reply.

  I appreciate your suggestion.
  But, I would like to use methods that do not use “angle” whenever possible.

  I created a dummy ‘axisY2’ (No label, No tick) and adjusted the position with margin.
  JSFiddle

  I want to add a question.

  I want to know if animation can be done from bottom to top in the area chart.

  May 3, 2018 at 10:25 am #20544
  
  Vishwas R

  @kinokatsu,

  Glad that you found another way to handle this case and thanks for sharing the same here, which may help others aswell.

  Sorry, animation from bottom to top in case of area chart is not available as of now.

  —
  Vishwas R
  Team CanvasJS

  May 6, 2018 at 6:49 am #20610
  
  kinokatsu

  Vishwas,

  thanks for your reply.

  This method caused a new problem.
  Zoom not working.

  May 7, 2018 at 9:49 am #20613
  
  Vishwas R

  @kinokatsu,

  In the current approach that you are following, label to the right extreme gets clipped as you are setting axis maximum. To overcome this, either you can rotate labels or increase axis maximum by 20-30minutes. Please take a look at this updated jsfiddle

  —
  Vishwas R
  Team CanvasJS

  May 7, 2018 at 12:16 pm #20621
  
  kinokatsu

  Vishwas,

  thanks for your reply.

  I choose the method “increase the maximum value of the axis by 20 to 30 minutes”