How to draw a label on horizontal line on chart

[dnjsgur0629]

If you look at the chart above, lines are drawn at the ordered prices, and a label containing the price and value exists on the line. It also displays values stacked on top of yAxis, just like EdgeIndicator does. (Does not overlap.)

I already have the ordered price and amount. I found out that I can draw a line with a specific value on a chart using the StraightLine component, but I need a way to display a label on it. I could use EdgeIndicator, but I prefer the label to be displayed above the line.
The function to show the ordered price above yAxis is nice to have, but not essential.

[dnjsgur0629]

This was possible by using the yAxisPad prop of the EdgeIndicator component.

        {orders.map((order) => {
          const { price, side, quantity } = order
          const color= side === 'buy' ? 'green' : 'red'
          return (
            <>
              <StraightLine
                yValue={price}
                lineDash={'ShortDash2'}
                strokeStyle={color}
              />
              <EdgeIndicator
                hideLine
                itemType={'first'}
                edgeAt={'left'}
                yAccessor={() => price}
                fill={'black'}
                stroke={color}
                textFill={color}
                displayFormat={() => `L: ${price}}`}
                rectWidth={100}
                yAxisPad={0}
              />
              <EdgeIndicator
                hideLine
                itemType={'first'}
                edgeAt={'left'}
                yAccessor={() => price}
                fill={color}
                stroke={color}
                displayFormat={() => `${quantity}`}
                fitToText
                yAxisPad={-100}
              />
            </>
          )
        })}