Diagram disable user interaction

Question

Hi,I am using ReactjsThe connector text is overlapping with the line. Are there any options to adjust?or Do we have any text node so that I can move that wherever I want?Kindly help me

Aravind Ravi · Accepted Answer

Hi Arul, 
 
By using the annotation’s margin property we can able to adjust the annotation position on the connector. To render the annotation’s above the connector set the margin bottom as 10. Please refer to the below code snippet and screenshot 
 




{ 
            id: 'connector1', 
            type: 'Straight', 
            sourcePoint: { x: 100, y: 100 }, 
            targetPoint: { x: 300, y: 100 }, 
            annotations: [{ 
                content: 'Connector1', margin: { bottom: 10} 
            }] 
        }, 
 
  
 
Yes, we have support for the text node in our diagram control. To render text node in diagram, please refer to below UG documentation link 
 
UG link: https://ej2.syncfusion.com/react/documentation/diagram/shapes/#text 
 
Regards 
Aravind Ravi