1

// widget_meter.ysl2

     2

     4

    ||

     5

        frequency = 10;

     6

        origin = undefined;

     7

        range = undefined;

     8

     9

        dispatch(value) {

    10

            this.display_val = value;

    11

            this.request_animate();

    12

        }

    13

    14

        animate(){

    15

            if(this.value_elt)

    16

                this.value_elt.textContent = String(this.display_val);

    17

            let [min,max,totallength] = this.range;

    18

            let length = Math.max(0,Math.min(totallength,(Number(this.display_val)-min)*totallength/(max-min)));

    19

            let tip = this.range_elt.getPointAtLength(length);

    20

            this.needle_elt.setAttribute('d', "M "+this.origin.x+","+this.origin.y+" "+tip.x+","+tip.y);

    21

        }

    22

    23

        init() {

    24

            let [min,max] = [[this.min_elt,0],[this.max_elt,100]].map(([elt,def],i)=>elt?

    25

                Number(elt.textContent) :

    26

                this.args.length >= i+1 ? this.args[i] : def);

    27

    28

            this.range = [min, max, this.range_elt.getTotalLength()]

    29

            this.origin = this.needle_elt.getPointAtLength(0);

    30

        }

    31

    ||

    32

}

    33

    35

    param "hmi_element";

    36

    labels("needle range");

    37

    optional_labels("value min max");

    38

}

    39

    40