Add additional labels with different value to Axis

[Eddy Mackonade]

Hi all,

While we can customize the labels' text on the axis for the linear gauge component, I do not see any option to add another set of labels to the existing axis. What I would like to accomplish is as shown below, generation of two sets of labels, one for date while the other for time. Is this possible to achieve? Thank you.

Regards,

Eddy

[Indumathi Ravi]

Hi Eddy, 

  

Thank you for contacting Syncfusion support. 

  

We do not support different set of axis labels in the Linear Gauge control. However, as a workaround, we can add 2 axes in the control. To do so, one of the axis must be made transparent using the “color” property in the “line”, “majorTicks” and “minorTicks” properties present in the axis. Only the labels will be available in that axis. The other axis must function as usual. 

  

The "labelRender" event is used to customize the label text while the labels are being rendered in the axis. 

  

We have created a sample to demonstrate the same and it can be found from the below link. 

https://stackblitz.com/edit/react-qjwdcw-fugve4?file=index.js 

  

Please let us know if the above solution meets your requirement and also let us know if you need any further assistance. 

  

Regards, 

Indumathi R.