How to add title to circular gauge using the custom label

You can add a title for circular gauge using custom label options.

Please follow the below steps to add the title to the circular gauge:

Step 1: Create a circular gauge and add the custom labels with position type as "Outer", and then set the outerCustomLabelPosition to "Top".

$("#customlabelGauge").ejCircularGauge({

outerCustomLabelPosition:"top",

tooltip: {

showCustomLabelTooltip: true

scales: [{

customLabels: [

{

value: "KM / H", position: { x: 150, y: 220 }, color: "Green", font: { size: "20px" }

{

value: "Average Driving Speed",

positionType: ej.datavisualization.CircularGauge.CustomLabelPositionType.Outer,

color: "Red", font: {size:"20px"}

}

}]

});

The following screenshot illustrates the result of add the title for circular gauge using custom label.

Circulargauge denotes the average driving speed

Did you find this information helpful?

Yes

Comments (0)