Pass values to HTML control

Hello,

I'm looking to pass a value to a custom html control for highcharts:

I need it as a string value. The other parameters are working as expected, the "SafetyGuageBackground" is passed as SafetyGuageBackground and not it's value which should be a single value (number).

If I set a label to ${SafetyGuageBackground} it does contain the value I'm looking for.

Try setting is the same way you have set the data property. This is how data-binding properties in Angular works.

Can you expand on that not sure I follow, when I tried background = ${SafetyGuageBackground} the value isn't passed.

The value of the set property is:

I tried background = "SafetyGuage.value[0].Result" on a whim but it just returns it as text.

Check the way you set the data property:

[data]="SafetyGuage"

And try something similar with background probably [background]="SafetyGuageBackground". Also check how the background property is implemented. I am pretty sure our blog post does not include a background property and you should be sure it is properly configured to apply to the Highcharts object.

Makes sense thanks, I believe its passing the value but I'm getting it as undefined.

You can try logging the property in its setter (if it has a setter) or in ngOnChanges to see what the current value is. Properties in Radzen start as undefined and are later initialized either in the Load event of the page or in the Then event of a data source method.