Highchart, highstock, xaxis. Labels horizontal axis coordinates overlap

Symptom:

This is because two adjacent dates overlap with each other, not duplicate data. In fact, [June 13] and [July 13] overlap.

This occurs on the boundary, especially when the size of the outer edge and the plot area is close, or xaxis. Labels. Overflow = 'justify '. Of course this is the default setting. In addition, it is generally used to display data with large intervals such as month.

Cause. default settings:

When the boundary of the plot area is in February June, the label [February June 13] is always displayed on the boundary. Therefore, when the boundary is close to the next label, it will overlap.

Solution:

After searching for half a day, you cannot find how to set the label to prohibit the label from staying on the border ....... Try other methods to find out when

Xaxis. labels. when overflow = 'justify ', the label cannot appear outside the Plot area, and when xaxis. labels. when overflow = 'false', the border of the label is changed to outer edge. However, the time when the label on the outer edge is hidden is not the time when the next label arrives at the [outer edge], but the time when the next label arrives at the [Plot Area edge]

Therefore, no matter what method is used, there must be a certain distance between the [outer edge] and [Plot Area edge.

For example, set the margin, chart. Margin = [0,100, 0,100] between two boundaries. Both sides must be set, because both sides of the border have this problem.

 

Highchart, highstock, xaxis. Labels horizontal axis coordinates overlap