Data binding for gauge:BarIndicatorStyle is not working!


#1

Hi!
I have next part of xml:


<gauge:RadialBarIndicator minimum="{{ Min }}" maximum="{{ Value }}" location="0.93" isAnimated="{{ isAnimated }}" animationDuration="150">
    <gauge:RadialBarIndicator.indicatorStyle>
        <gauge:BarIndicatorStyle cap="Round" fillColor="{{ Color }}" barWidth="0.2"/>
    </gauge:RadialBarIndicator.indicatorStyle>
</gauge:RadialBarIndicator>

Binding is working correctly for minimum, maximum, isAnimated, but not working for fillColor

Model look like:

let MinProperty = new Property<LinearDimmer, number>({ name: "Min", defaultValue: 0});
let MaxProperty = new Property<LinearDimmer, number>({ name: "Max", defaultValue: 100});
let isAnimatedProperty = new Property<LinearDimmer, boolean>({ name: "isAnimated", defaultValue: true});
let ColorProperty = new Property<LinearDimmer, string>({ name: "Color", defaultValue: "red"});

export class LinearDimmer extends GridLayout{
}

MinProperty.register(LinearDimmer);
MaxProperty.register(LinearDimmer);
isAnimatedProperty.register(LinearDimmer);
ColorProperty.register(LinearDimmer);

How to solve it?
Help me, please!!!