Open onetdev opened 1 month ago
Annotation starts from the middle of the first column and stops at the middle of last. This doesn't seem to affect other xaxis types.
var options = { xaxis: { type: "datetime", }, annotations: { yaxis: [ { y: 0, y2: 100, borderColor: "red", strokeDashArray: 0, } ], }, .... };
The annotation to start from the left edge of the grid and finish on the right edge
Annotation starts from the middle of the first column and stops at the middle of last.
The issue with datetime type
This is how numeric looks:
https://codepen.io/onetdev/pen/xxNOvZr
There is a difference in how the bars are drawn in a category x-axis vs datetime x-axis. Due to that difference, the position of the annotations changes based on that.
Description
Annotation starts from the middle of the first column and stops at the middle of last. This doesn't seem to affect other xaxis types.
Steps to Reproduce
Expected Behavior
The annotation to start from the left edge of the grid and finish on the right edge
Actual Behavior
Annotation starts from the middle of the first column and stops at the middle of last.
Screenshots
The issue with datetime type
This is how numeric looks:
Reproduction Link
https://codepen.io/onetdev/pen/xxNOvZr