Create a customised timeline chart with Syncfusion

Question

Hi all,May I know if it is possible to use any Syncfusion component to create a timeline chart that looks like the one in the zip file attached? So far, I couldn't find any component that can match my requirement. Looking forward to your awesome reply. Thank you.Attachment: custom_timelline_34a5160f.zip

Indumathi Ravi · Answer

Hi Eddy, 
  
Thank you for contacting Syncfusion Support. 
  
We have analyzed and created a sample using the provided image. 
  
Sample Link - https://stackblitz.com/edit/react-qjwdcw-5dwvyu?file=index.js 
  

  
  
In the above sample link, we have achieved the timeline chart using the  “pointers” and “labelRender” event. The pointers are used to render shapes or markers in the Linear Gauge. The labelRender event is used to customize the label text while rendering the labels. 
  
We do not support the zooming feature and arrow in the Linear Gauge. When we analyzed for the feasibility for this requirement, we came to know that the zooming feature and arrow is not a valid feature for the Linear Gauge. 
  
Please let us know if the above sample meets your requirements. If not, please let us know more details about your requirement. It will be helpful for us to analyze further and assist you better. 
  
Regards, 
Indumathi R

Eddy Mackonade · Answer

Thank you so much, this will give me a good start. However, it will be good if I can somehow use a zoom in/out feature to delve deeper or out of the data.

Indumathi Ravi · Answer

Hi Eddy, 
 
Thank you for your update. 
  
Our Syncfusion Linear Gauge control was used to create the provided timeline chart samples. The Linear Gauge control do not support zooming feature. When we analyzed further for your requirement, we came to know that the zooming is not a valid feature for the Linear Gauge control. 
  
Please let us know if you need any further assistance. 
  
Regards, 
Indumathi R.