APEX

Hi APEX gurus

This is the actual code that I use and it renders multiple vertical lines defined in P53_EVENTS page item as indicated in comment at first line:

 const events = $v("P53\_EVENTS");    // example: 01-ene-25,Happy Day;01-jun-25,Due date  
 if (events) {  
    const refObjects = \[\];  
    events.split(";").forEach((e, idx) => {  
       const \[fecha, texto\] = e.split(",");

       // Vertical reference line  
       refObjects.push({  
          type: "line",  
          value: fecha,  
          color: "green",  
          lineWidth: 2,  
          location: "back",  
          lineStyle: "solid",  
          shortDesc: texto  
       });  
    }  
 );  
 options.xAxis.referenceObjects = refObjects;  

}}

As is, texto content is displayed as tooltip on hovering over vertical lines (hard to spot on), so I want to put a box on top of each line displaying this info, in the same way as cursor option when activated.

To my knowledge, using annotations can do the job, but I tried many times but I didn't get it
Can somebody help me with this code?

Thanks in advance
Oscar