Hi there,
Good to know that you have managed to fix the flags yourself!
It's hard to fix the problem without a demo in a code editor, but I think I might have a solution for you.
When using labels, you have to specify the
x, y coordinates - that's easy.
By default, they are pixel values relative to the top left corner. To change that behavior, you can specify an axis - and then use x or y point coordinates.
So in your case, if you want to use the x value as an axis coordinate, not a pixel coordinate, you need to specify which axis you would like to use as a relative point.
If you only have one
xAxis, then it will be a number
0.
If you want to set y parameter with pixels, then leave it as it is.
I know it might sound a bit confusing, but please take a look at this code snippet to get a better understanding.
Code: Select all
{ draggable: 'y',
labels: [
{
align: 'right',
borderwidth: 0,
point: {
x: Date.UTC(2021, 10, 31,13,30),
y: 1000,
xAxis: 0
},
text: "P/L DAY -$52.80 <br> P/L open $120<br>P/L YTD: $560"
},
]},
If you have any further inquiries, you may reach out to us at any time,
Regards!