How to draw curved labels on a circle circumference in arcgis for Javascript

Question

I am new to arcgis for javascript. I have a requirement to draw circles and then have curved labels on the circumference. Also, we have zoom in/out functionality , which means the 'curvature' of the labels should also align with the curvature of the circumference. I have tried many classes such as labelpoint, labelclass etc, but all of them seem to draw the label at the center and not at the circumference. I googled a lot but could not find any information. Any help will be appreciated.

I have attached a screenshot of the requirement, please note that I cannot add the full view due to company confidentiality requirements.

label.jpg

EdHixson_0-1732094051379.png

JoelBennett · Accepted Answer

There isn't native support for this in the SDK since polygon graphics only support horizontal labeling (see the LabelClass.labelPlacement property). That's not to say you can't pull this off with a little extra work though. One idea would be to maintain a separate polyline layer where the polygons have been converted to polylines, and those polylines labeled instead, since the SDK does support drawing labels alone lines. If you make those polylines transparent, it will appear as if the polygon edge is labeled. Below is a basic example: Sketch widget | Sample | ArcGIS Maps SDK for JavaScript 4.28