1

// widget_circularbar.ysl2

     2

     4

    ||

     5

        frequency = 10;

     6

        range = undefined;

     7

     8

        dispatch(value) {

     9

            this.display_val = value;

    10

            this.request_animate();

    11

        }

    12

    13

        animate(){

    14

            if(this.value_elt)

    15

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

    16

            let [min,max,start,end] = this.range;

    17

            let [cx,cy] = this.center;

    18

            let [rx,ry] = this.proportions;

    19

            let tip = start + (end-start)*Number(this.display_val)/(max-min);

    20

            let size = 0;

    21

    22

            if (tip-start > Math.PI)

    23

                size = 1;

    24

            else

    25

                size = 0;

    26

    27

            this.path_elt.setAttribute('d', "M "+(cx+rx*Math.cos(start))+","+(cy+ry*Math.sin(start))+

    28

                                            " A "+rx+","+ry+

    29

                                            " 0 "+size+

    30

                                            " 1 "+(cx+rx*Math.cos(tip))+","+(cy+ry*Math.sin(tip)));

    31

        }

    32

    33

        init() {

    34

            let [start, end, cx, cy, rx, ry] = ["start", "end", "cx", "cy", "rx", "ry"].

    35

                map(tag=>Number(this.path_elt.getAttribute('sodipodi:'+tag)))

    36

    37

            if (ry == 0) 

    38

                ry = rx;

    39

    40

            if (start > end)

    41

                end = end + 2*Math.PI;

    42

    43

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

    44

                Number(elt.textContent) :

    45

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

    46

    47

            this.range = [min, max, start, end];

    48

            this.center = [cx, cy];

    49

            this.proportions = [rx, ry];

    50

        }

    51

    ||

    52

}

    53

    55

    param "hmi_element";

    56

    labels("path");

    57

    optional_labels("value min max");

    58

}