Regions and label, what about coordinates?

[Phil353556]

Hello,
This a follow up of #3950
with regions now added.

I used what you shared on #3950 . That's great.
And I added "regions" like (labels are months name : Janvier > January, Février -> February and so on)

I ran a few tests and as the number of values on the X axis increased, the label was no longer displayed in the correct region.
The issue I have is about the position of this label. Until 180 values (=6 months) that's ok, then the label is not at the right place. There is a shift on the right.
see screenshots:
OK :

Not Ok :

May you tell me more about coordinates x and y for label?
What I should in a perfect world, is to have the label displayed in the center of each region.

best regards / Phil

[netil]

@Phil353556 can you provide a working example?

[Phil353556]

Hello @netil,
Here it is,
rename the file to remove .txt extension
several tests possibles with comment or uncomment the lines "values" and "data1".
Thank you for your time
Phil
github3958.php.txt

[netil]

@Phil353556
is because, specifying x & y coordinate value for each region will make to positioned as is.
If you remove (or set x & y both as zero), will make region text to be positioned at the top left, and from that position specify relative values where you want to be.

    regions: [
      {
        start: "1",
        end: "31",
        label: {
          text: "january",
          // x: 200,  // x coordinate is relative to the region start position(left top)
          // y: 50,  // y coordinate is relative to the region start position(left top)
          color: "red"
        }
      },
      {
        start: "32",
        end: "59",
        label: {
          text: "February",
          color: "red"
        }
      },

So, the default coordinate for region text will looks like:

[netil]

Planning to implement new feature to align region label text at the middle on next release.

[Phil353556]

Hello @netil
Thank you for your answer and thanks for the new feature, that's excellent.
Phil