Box not aligning correctly on bar chart

Hi, I have added two box annotations however they are not working to how I expect them to be. Below is my code:

           annotation: {
              annotations: [{
                type: 'box',
                id: 'hLine',
                xScaleID: 'x-axis-0',
                yScaleID: 'y-axis-0',
                xMin: "005",
                xMax: "006",
                yMax: 50000,
                yMin: 50000,
                borderColor: 'red',
                borderWidth: 5,
                backgroundColor: 'green'
              },
              {
                type: 'box',
                xScaleID: 'x-axis-0',
                yScaleID: 'y-axis-0',
                xMin: "006",
                xMax: "006",
                yMax: 60000,
                yMin: 60000,
                borderColor: 'red',
                borderWidth: 5,
                backgroundColor: 'green'
              }]
            } 

See Attached image.

Firstly the xMin is starting from the middle of ‘005’ and ending in the middle of ‘006’. I also tried putting the xMin and xMax as the same ID however it disappears.

[TBVanderley4545]

Best solution I had was to create a secondary x axis then set its display to false so that the labels wouldn’t show at the bottom of the chart. I had 5 bars that I needed in my chart, so I made my second x-axis have the labels [1, 2, 3, 4, 5, 6] (don’t use string values, just used ints in mine). I charted all of my data to have xAxisID as the primary-x. For the box annotations, I used xScaledID: “secondary-x” (or whatever you name your secondary x-axis). I then gave

box 1: xMin: 1 xMax: 2

box 2: xMin: 2 xMax: 3

box 3: xMin: 3 xMax: 4

box 4: xMin: 4 xMax: 5

box 5: xMin: 5 xMax: 6

I know this is a super late answer, but hopefully it helps someone else. If you need more clarification in my answer, just respond to me, and I can try to help more.

[TBVanderley4545]

@Techn1x Thanks, Hope it helped solve your problem!