topic Arcade Expression for Labels in ArcGIS JavaScript Maps SDK Questions

Arcade Expression for Labels

JohnMax — Mon, 27 Nov 2023 22:06:21 GMT

I am trying to get a field value from a feature using Arcade and pass it to a label for a chart in a popup.

I create the expression outside the JavaScript to get the field value:

Then I reference the script:

var arcadeFields = document.getElementById("field-name").text;

Finally, I use the variable in the label property of the popupTemplate:

popupTemplate: { title: "Layer1", fieldInfos: [{ fieldName: "Field18", label: "Field 18 label" }, { fieldName: "Field25", label: arcadeFields } ],

It is almost working as intended, only the label for the chart shows the Arcade expression shown below, but not the actual field value.

How do I get the Arcade script to return the field value and not the expression?

Here's a codepen of it in action if you click on one of the parcels with a value.

Thanks in advance.

Re: Arcade Expression for Labels

KristianEkenes — Thu, 30 Nov 2023 20:01:39 GMT

fieldInfo.label doesn't take Arcade expressions. Arcade can only be defined in 2 places inside popups: expressionInfos, and ExpressionContent elements. To accomplish what you're attempting, you need an ExpressionContent element. This gives you full control over popup elements all within the scope of an Arcade expression. The expression itself needs to return the content type you want...in this case a chart. That chart's labels and values can be calculated using any Arcade function within the expression.

Here's an example of the expression:

And how you would reference it in your app: https://codepen.io/kekenes/pen/rNPqymw?editors=1000

Re: Arcade Expression for Labels

JohnMax — Thu, 30 Nov 2023 23:06:58 GMT

Brilliant! Thanks so much for the help. I could never have figured this out on my own.