RadialGauge

New in version 5.0

RadialGauge ( appearanceConst ;​ startAngle ;​ arcAngle ;​ backgroundAsFullCircle ;​ needleLengths ;​ needleThicknesses ;​ needleHeadShape ;​ needleTailShape ;​ needlePivotDiameters ;​ needlePivotColor ;​ scaleRadius ;​ scaleBackgroundExtends ;​ scaleBackgroundBounds ;​ scaleBackgroundShading ;​ scaleBackgroundColor1 ;​ scaleBackgroundColor2 ;​ . . . ;​ scaleBackgroundColor100 )

Argument Type Range Default Note
appearanceConst int 0..127 default
startAngle num -360..+360 0 Dimension:[deg]
arcAngle num -360..+360 360 If negative, go counter-clockwise.
backgroundAsFullCircle int 0..1 0
needleLengths num[] 0..2 1 0 0
needleThicknesses num[] 0..1 0.03 0.03 0
needleHeadShape num[] 1..3 1 1
needleTailShape num[] 1..2 1 0
needlePivotDiameters num[] -1..1 0 0
needlePivotColor rgba 0..255 none
scaleRadius num 0..1 1
scaleBackgroundExtends num[] 0..0.5 0 0
scaleBackgroundBounds num[] 0..2 1 0.9
scaleBackgroundShading int -1..128 0
scaleBackgroundColor1 rgba 0..255 none
scaleBackgroundColor2 rgba 0..255 none
... rgba 0..255 none
scaleBackgroundColor100 rgba 0..255 none
Description


NEEDLES:
The fill, border and shadow effect of the needle(s) can be controlled by the style functions FillStyle() , BorderStyle() and ShadowStyle() .

The argument needleLengths can have up to 3 values, i.e. the length of the needle head, the length of an optional needle tail and an also optional needle offset from the pivot center. All 3 values have to be entered relative to the gauge radius. If the optional needle offset is > 1 the head of the needle is drawn in the opposite direction, i.e. the needle points to the pivot center. This proves useful when depicting a marker on the outer edge of the scale. The needle length values can also be entered repeatedly if more than one needle is be displayed. For example:
... ; 1.2 0 0.2  1 0.2 0  0.85 0 0 ; ...

The argument needleThicknesses can have up to 3 values, i.e. the thickness of the needle at the pivot center, the thickness at the needle head and an optional color split factor. For a color split factor > 0 [0..0.5] the needle halves are drawn in slightly different color tones. The thickness values of the needle have to be entered relative to the gauge radius. The three values can also be entered repeatedly if more than one needle is be displayed. For example:
... ; 0.2 0.01 0.15  0.05 0.01 0  0.01 0.01 0 ; ...

The shape of the needle head is controlled by using the argument needleHeadShape. Three head shapes are supported. As an option, a shape parameter can be added to fine tune the appearance of the head shape.
1...Peak. The length of the peak can be controlled by entering a second value between [-1..1].
2...Round. The rounding can be controlled by entering a second value between [0..1].
3...Arrow. The appearance of the arrowhead can be controlled by entering a second value between [-1..0.5].
The head shape values can also be entered repeatedly if more than one needle is be displayed.
For example: ... ; 1 0  2 0.5  2 0.5 ; ...

The shape of the needle tail is controlled by using the argument needleTailShape. Two tail shapes are supported. As an option, a shape parameter can be added to fine tune the appearance of the tail shape.
1...Peak. The length of the peak can be controlled by entering a second value between [-1..1].
2...Round. The rounding can be controlled by entering a second value between [0..1].
The tail shape values can also be entered repeatedly if more than one needle is be displayed
For example: ... ; 2 1  2 1  2 1 ; ...

The argument needlePivotDiameters can have up to 2 values, i.e. the outer diameter of the needle pivot, and an optional inner diameter. Both diameters have to be entered relative to the gauge radius.

The color of the needle pivot can be varied using the argument needlePivotColor.

SCALE:
The argument scaleRadius has to be entered relative to the gauge radius between [0..1].

The argument scaleBackgroundExtends can have up to 2 values, i.e. the background extends at the beginning and on the end of the scale. Both background extends have to be entered relative to the arcAngle of the gauge between [0..0.5].

The argument scaleBackgroundBounds can have up to 5 values:
[1]: The outer radius of the scale background, between [0..1].
[2]: The inner radius of the scale background at the beginning, between [0..1].
[3]: The inner radius of the scale background on the end, between [0..1].
[4]: The start angle of the scale background, between [0..1].
[5]: The end angle of the scale background, between [0..1].
The outer radius and the inner radii have to be entered relative to the gauge radius, the start and end angles relative to the arcAngle of the gauge. By entering the inner radii and the start and end angles repeatedly, several background sections can be defined. For example:
... ;
0.65 /* Scale background outerRadius. */
0.61 0.61 0.0 0.7 /* Scale background section bounds 1. */
0.61 0.61 0.7 0.9 /* Scale background section bounds 2. */
0.00 0.00 0.9 1.0; /* Scale background section bounds 3. */
...

The color of the scale background is controlled by using the arguments scaleBackgroundShading and scaleBackgroundColor. If the number of background sections is larger than the number of defined scale background colors, the colors will be repeated periodically.

Legend and title are not supported in combination with radial gauges.

RADIAL_GAUGE_01
1

OpenDrawing(200;​140)

2

OpenChart(0;​0;​200;​200)

3

ChartData(126.5)

4

RadialGauge(shadow;​

5

-90;​ /* Start angle in [deg].  */

6

180;​ /* Arc angle in [deg]. If negative, go counter-clockwise. */

7

0;​ /* Background as full circle.  */

8

1.05 0.15 0.08;​ /* Needle length: [head tail offsetFromCenter]  */

9

0.05 0.01 0.00;​ /* Needle thickness: [atCenter atHead colorSplitFactor]  */

10

1;​ /* Needle head shape. 1...peak, 2...round, 3...arrow  */

11

2;​ /* Needle tail shape. 1...peak, 2...round  */

12

0.14 0.07;​ /* Needle pivot diameters: [out in]  */

13

#555;​ /* Needle pivot color.  */

14

1;​ /* Scale radius.  */

15

0.02;​ /* Scale background extend: [atStart atEnd]  */

16

1.12 /* Scale background outerRadius.  */

17

1 1 0.0 1;​ /* Scale background section bounds.  */

18

0;​ /* Scale background shading. 0...solid, -1...shaded  */

19

lightBlue) /* Scale background colors.  */

20

/* Use style functions to control the appearance of the needle. */

21

FillStyle(1;​#555)

22

BorderStyle(1;​none)

23

ShadowStyle(all;​1 1 3;​lightGray)

24

/* Use scale and axis functions to control the appearance of the scale. */

25

Scaling(all;​linear;​120;​160;​4;​10)

26

AxisLine(all;​0) /* Hide axis line. */

27

AxisMajorTicks(all;​10;​1.5;​#666;​;​out)

28

AxisMinorTicks(all;​7;​0.5;​#666;​;​out)

29

AxisMajorTickLabelStyle(all;​Arial;​11;​plain;​#666)

30

AxisMajorTickLabelOptions(all;​out)

31

AddText(100;​125;​"<b>128</b><span size=8>\u202FMB/s</span>";​Arial;​12;​plain;​#666;​center)

32

CloseChart()

33

/* Background() // Uncomment while positioning the gauge. */

34

CloseDrawing()

RADIAL_GAUGE_01
RADIAL_GAUGE_02
1

OpenDrawing(150;​150)

2

ChartData(2.6)

3

RadialGauge(default;​

4

180;​ /* Start angle in [deg].  */

5

180;​ /* Arc angle in [deg]. If negative, go counter-clockwise. */

6

1;​ /* Background as full circle.  */

7

1.30 0.3;​ /* Needle length: [head tail offsetFromCenter]  */

8

0.08 0.08 0.1;​ /* Needle thickness: [atCenter atHead colorSplitFactor]  */

9

1;​ /* Needle head shape. 1...peak, 2...round, 3...arrow  */

10

1;​ /* Needle tail shape. 1...peak, 2...round  */

11

0.3;​ /* Needle pivot diameters: [out in]  */

12

red) /* Needle pivot color.  */

13

/* Use style functions to control the appearance of the needle. */

14

FillStyle(1;​red)

15

BorderStyle(all;​none)

16

/* Use scale and axis functions to control the appearance of the scale. */

17

Scaling(all;​linear;​-10;​10;​4;​5)

18

AxisLine(all;​0)

19

AxisMajorTicks(all;​10;​1;​white;​;​out)

20

AxisMinorTicks(all;​5;​0.5;​white;​;​out)

21

AxisMajorTickLabelStyle(all;​Arial;​9;​plain;​white)

22

AddText(110;​74;​"2.6";​Verdana;​12;​bold;​#eee;​center;​center)

23

ChartBackground(xy;​#555;​shaded;​0;​;​;​2 2 2;​lightGray)

24

ChartBackgroundOptions(0;​6)

25

CloseDrawing()

RADIAL_GAUGE_02
RADIAL_GAUGE_03
1

OpenDrawing(200;​120)

2

OpenChart(0;​0;​200;​200)

3

ChartData(67)

4

RadialGauge(shadow;​

5

-60;​ /* Start angle in [deg].  */

6

120;​ /* Arc angle in [deg]. If negative, go counter-clockwise. */

7

0;​ /* Background as full circle.  */

8

1.05 0.12;​ /* Needle length: [head tail offsetFromCenter]  */

9

0.04 0.01;​ /* Needle thickness: [atCenter atHead colorSplitFactor]  */

10

1;​ /* Needle head shape. 1...peak, 2...round, 3...arrow  */

11

1;​ /* Needle tail shape. 1...peak, 2...round  */

12

0.12 0.05;​ /* Needle pivot diameters: [out in]  */

13

#666;​ /* Needle pivot color.  */

14

1;​ /* Scale radius.  */

15

0;​ /* Scale background extend: [atStart atEnd]  */

16

0.95 /* Scale background outerRadius.  */

17

0.95 0.75 0.0 1.0;​/* Scale background section bounds.  */

18

0;​ /* Scale background shading. 0...solid, -1...shaded  */

19

red) /* Scale background color.  */

20

/* Use style functions to control the appearance of the needle. */

21

FillStyle(1;​#666)

22

BorderStyle(1;​none)

23

ShadowStyle(all;​1 1 3;​lightGray)

24

/* Use scale and axis functions to control the appearance of the scale. */

25

Scaling(all;​linear;​0;​100;​5;​4)

26

AxisLine(all;​0)

27

AxisMajorTicks(all;​10;​1;​#666;​;​out)

28

AxisMinorTicks(all;​5;​1;​#666;​;​out)

29

AxisMajorTickLabelStyle(all;​Arial;​9;​plain;​#666)

30

CloseChart()

31

/* Background() // Uncomment while positioning the gauge. */

32

CloseDrawing()

RADIAL_GAUGE_03
RADIAL_GAUGE_04
1

OpenDrawing(200;​120)

2

OpenChart(0;​0;​200;​200)

3

ChartData(73.8)

4

RadialGauge(shadow;​

5

-90;​ /* Start angle in [deg].  */

6

180;​ /* Arc angle in [deg]. If negative, go counter-clockwise. */

7

0;​ /* Background as full circle.  */

8

1.20 0.00 1.03;​ /* Needle length: [head tail offsetFromCenter]  */

9

0.18 0.18 0.00;​ /* Needle thickness: [atCenter atHead colorSplitFactor]  */

10

1 1;​ /* Needle head shape. 1...peak, 2...round, 3...arrow  */

11

1;​ /* Needle tail shape. 1...peak, 2...round  */

12

0;​ /* Needle pivot diameters: [out in]  */

13

none;​ /* Needle pivot color.  */

14

0.8) /* Scale radius.  */

15

/* Use style functions to control the appearance of the marker. */

16

FillStyle(1;​red)

17

BorderStyle(1;​none)

18

ShadowStyle(all;​1 1 3;​lightGray)

19

/* Use scale and axis functions to control the appearance of the scale. */

20

Scaling(all;​linear;​40;​80;​4;​10)

21

AxisLine(all;​0) /* Hide axis line. */

22

AxisMajorTicks(all;​11;​1.5;​#666;​;​in)

23

AxisMinorTicks(all;​7;​0.5;​#666;​;​in)

24

AxisMajorTickLabelStyle(all;​Arial;​11;​plain;​#666)

25

AxisMajorTickLabelOptions(all;​in)

26

AddText(100;​102;​"73.8";​Verdana;​12;​plain;​red;​center)

27

CloseChart()

28

/* Background() // Uncomment while positioning the gauge. */

29

CloseDrawing()

RADIAL_GAUGE_04
RADIAL_GAUGE_05
1

OpenDrawing(120;​120)

2

OpenChart(-75;​0;​200;​200)

3

ChartData(0.65)

4

RadialGauge(default;​

5

90;​ /* Start angle in [deg].  */

6

-90;​ /* Arc angle in [deg]. If negative, go counter-clockwise. */

7

0;​ /* Background as full circle.  */

8

1.12 0.00 0.09;​ /* Needle length: [head tail offsetFromCenter]  */

9

0.08 0.02 0;​ /* Needle thickness: [atCenter atHead colorSplitFactor]  */

10

1;​ /* Needle head shape. 1...peak, 2...round, 3...arrow  */

11

1;​ /* Needle tail shape. 1...peak, 2...round  */

12

0;​ /* Needle pivot diameters: [out in]  */

13

none;​ /* Needle pivot color.  */

14

1;​ /* Scale radius.  */

15

0.1;​ /* Scale background extend: [atStart atEnd]  */

16

1.2 /* Scale background outerRadius.  */

17

1.03 1.03 0.1 0.3;​ /* Scale background section bounds.  */

18

0;​ /* Scale background shading. 0...solid, -1...shaded  */

19

red) /* Scale background color.  */

20

/* Use style functions to control the appearance of the needle. */

21

FillStyle(1;​#eee)

22

BorderStyle(1;​none)

23

/* Use scale and axis functions to control the appearance of the scale. */

24

Scaling(all;​linear;​0;​1;​4)

25

AxisLine(all;​0)

26

AxisMajorTicks(all;​12;​1.5;​#eee;​;​out)

27

AxisMajorTickLabelTexts(all;​"E";​"";​"";​"";​"F")

28

AxisMajorTickLabelStyle(all;​Arial;​12;​plain;​#eee)

29

AxisMajorTickLabelOptions(all;​in)

30

ChartBackground(xy;​#555;​shaded;​0;​;​;​2 2 2;​lightGray)

31

ChartBackgroundOptions(0;​10)

32

CloseChart()

33

/* Background() // Uncomment while positioning the gauge. */

34

CloseDrawing()

RADIAL_GAUGE_05
RADIAL_GAUGE_06
1

OpenDrawing(200;​200)

2

ChartData(8)

3

RadialGauge(shadow;​

4

-135;​ /* Start angle in [deg].  */

5

270;​ /* Arc angle in [deg]. If negative, go counter-clockwise. */

6

0;​ /* Background as full circle.  */

7

1.00 0.15 0.08;​ /* Needle length: [head tail offsetFromCenter]  */

8

0.05 0.01 0.00;​ /* Needle thickness: [atCenter atHead colorSplitFactor]  */

9

1;​ /* Needle head shape. 1...peak, 2...round, 3...arrow  */

10

2;​ /* Needle tail shape. 1...peak, 2...round  */

11

0.14 0.07;​ /* Needle pivot diameters: [out in]  */

12

#555;​ /* Needle pivot color.  */

13

1;​ /* Scale radius.  */

14

0;​ /* Scale background extend: [atStart atEnd]  */

15

0.65 /* Scale background outerRadius.  */

16

0.61 0.61 0.0 0.7 /* Scale background section bounds 1. (green)  */

17

0.61 0.61 0.7 0.9 /* Scale background section bounds 2. (orange)  */

18

0.00 0.00 0.9 1.0;​ /* Scale background section bounds 3. (red)  */

19

0;​ /* Scale background shading. 0...solid, -1...shaded  */

20

#0a0;​orange;​red) /* Scale background colors.  */

21

/* Use style functions to control the appearance of the needle. */

22

FillStyle(1;​#555)

23

BorderStyle(1;​none)

24

ShadowStyle(all;​1 1 3;​lightGray)

25

/* Use scale and axis functions to control the appearance of the scale. */

26

Scaling(all;​linear;​0;​120;​6;​4)

27

AxisLine(all;​0) /* Hide axis line. */

28

AxisMajorTicks(all;​12;​1.5;​#666;​;​out)

29

AxisMinorTicks(all;​0.5;​2 2 2;​#666;​;​out)

30

AxisMajorTickLabelStyle(all;​Arial;​11;​plain;​#666)

31

AxisMajorTickLabelOptions(all;​in;​-0)

32

AddText(100;​160;​"8<span size=8>\u202Fm/s</span>";​Arial;​12;​bold;​#666;​center)

33

CloseDrawing()

RADIAL_GAUGE_06
RADIAL_GAUGE_07
1

OpenDrawing(200;​200)

2

ChartData(6.79)

3

RadialGauge(default;​

4

-135;​ /* Start angle in [deg].  */

5

270;​ /* Arc angle in [deg]. If negative, go counter-clockwise. */

6

0;​ /* Background as full circle.  */

7

1.12 0.3 0.1;​ /* Needle length: [head tail offsetFromCenter]  */

8

0.03;​ /* Needle thickness: [atCenter atHead colorSplitFactor]  */

9

1 1;​ /* Needle head shape. 1...peak, 2...round, 3...arrow  */

10

1 0;​ /* Needle tail shape. 1...peak, 2...round  */

11

0.2 0.14;​ /* Needle pivot diameters: [out in]  */

12

red;​ /* Needle pivot color.  */

13

1;​ /* Scale radius.  */

14

0;​ /* Scale background extend: [atStart atEnd]  */

15

1.12 /* Scale background outerRadius.  */

16

1.08 1.08 0.70 0.79 /* Scale background section bounds 1.  */

17

1.08 1.08 0.81 0.99;​ /* Scale background section bounds 2.  */

18

0;​ /* Scale background shading. 0...solid, -1...shaded  */

19

orange;​red) /* Scale background colors.  */

20

/* Use style functions to control the appearance of the needle. */

21

FillStyle(1;​red)

22

BorderStyle(1;​none)

23

/* Use scale and axis functions to control the appearance of the scale. */

24

Scaling(all;​linear;​0;​10;​5;​4)

25

AxisLine(all;​0)

26

AxisMajorTicks(all;​12;​1.5;​white;​;​out)

27

AxisMinorTicks(all;​0.5;​2 2 2;​white;​;​out)

28

AxisMajorTickLabelStyle(all;​Arial;​12;​plain;​#fff)

29

AxisMajorTickLabelOptions(all;​in)

30

AddText(100;​158;​"6.79";​Verdana;​12;​bold;​#888;​center)

31

ChartBackground(xy;​#555;​shaded;​0;​;​;​2 2 2;​lightGray)

32

ChartBackgroundOptions(0;​10)

33

CloseDrawing()

RADIAL_GAUGE_07
RADIAL_GAUGE_08
1

OpenDrawing(200;​120)

2

OpenChart(0;​0;​200;​200)

3

ChartData(0.65)

4

RadialGauge(shadow;​

5

-60;​ /* Start angle in [deg].  */

6

120;​ /* Arc angle in [deg]. If negative, go counter-clockwise. */

7

0;​ /* Background as full circle.  */

8

1.4 0.0 0.07;​ /* Needle length: [head tail offsetFromCenter]  */

9

0.01;​ /* Needle thickness: [atCenter atHead colorSplitFactor]  */

10

1;​ /* Needle head shape. 1...peak, 2...round, 3...arrow  */

11

1;​ /* Needle tail shape. 1...peak, 2...round  */

12

0.15 0.10;​ /* Needle pivot diameters: [out in]  */

13

red;​ /* Needle pivot color.  */

14

1;​ /* Scale radius.  */

15

0.01;​ /* Scale background extend: [atStart atEnd]  */

16

0.92 /* Scale background outerRadius.  */

17

0.82 0.82 0.00 0.16 /* Scale background section bounds 1.  */

18

0.82 0.82 0.84 1.00;​ /* Scale background section bounds 2.  */

19

0;​ /* Scale background shading. 0...solid, -1...shaded  */

20

red) /* Scale background color.  */

21

/* Use style functions to control the appearance of the needle. */

22

FillStyle(1;​red)

23

BorderStyle(all;​none)

24

ShadowStyle(all;​1 1 3;​lightGray)

25

/* Use scale and axis functions to control the appearance of the scale. */

26

Scaling(all;​linear;​-1;​1;​4;​5)

27

AxisLine(all;​0)

28

AxisMajorTicks(all;​10;​1;​#666;​;​out)

29

AxisMinorTicks(all;​0.5;​2 2 2;​#666;​;​out)

30

AxisMajorTickLabelTexts(all;​"";​"-0.5";​"0";​"0.5";​"")

31

AxisMajorTickLabelStyle(all;​Arial;​9;​plain;​#666)

32

ChartBackground(xy;​#f3f6f2;​0;​0;​;​;​2 2 2;​lightGray)

33

ChartBackgroundOptions(;​8)

34

CloseChart()

35

/* Background() // Uncomment while positioning the gauge. */

36

CloseDrawing()

RADIAL_GAUGE_08
RADIAL_GAUGE_09
1

OpenDrawing(200;​200)

2

ChartData(78.5)

3

RadialGauge(default;​

4

-135;​ /* Start angle in [deg].  */

5

225;​ /* Arc angle in [deg]. If negative, go counter-clockwise.  */

6

0;​ /* Background as full circle.  */

7

1.05 0.20 0.12;​ /* Needle length: [head tail offsetFromCenter]  */

8

0.30 0.04 0.10;​ /* Needle thickness: [atCenter atHead colorSplitFactor]  */

9

2;​ /* Needle head shape. 1...peak, 2...round, 3...arrow  */

10

2;​ /* Needle tail shape. 1...peak, 2...round  */

11

0.19;​ /* Needle pivot diameters: [out in]  */

12

#499BC9;​ /* Needle pivot color.  */

13

1;​ /* Scale radius.  */

14

0;​ /* Scale background extend: [atStart atEnd]  */

15

0.9 /* Scale background outerRadius.  */

16

0.900 0.515 0.00 0.91 /* Scale background section bounds 1.  */

17

0.515 0.510 0.92 0.94 /* Scale background section bounds 2.  */

18

0.510 0.505 0.95 0.97 /* Scale background section bounds 3.  */

19

0.505 0.500 0.98 1.00;​ /* Scale background section bounds 4.  */

20

0;​ /* Scale background shading. 0...solid, -1...shaded  */

21

#499BC9) /* Scale background color.  */

22

/* Use style functions to control the appearance of the needle. */

23

FillStyle(1;​#499BC9)

24

BorderStyle(1;​;​1.5;​white)

25

/* Use scale and axis functions to control the appearance of the scale. */

26

Scaling(all;​linear;​0;​100;​1)

27

AxisOptions(all;​none)

28

AddText(110;​140;​"<b>78.5</b><span size=10> MB/s</span>";​Verdana;​16;​plain;​#666;​center)

29

CloseDrawing()

RADIAL_GAUGE_09
RADIAL_GAUGE_10
1

OpenDrawing(200;​140)

2

OpenChart(0;​0;​200;​200)

3

ChartData(133.8)

4

RadialGauge(shadow;​

5

-90;​ /* Start angle in [deg].  */

6

180;​ /* Arc angle in [deg]. If negative, go counter-clockwise. */

7

0;​ /* Background as full circle.  */

8

0.95 0.14 0.08;​ /* Needle length: [head tail offsetFromCenter]  */

9

0.20 0.01 0.20;​ /* Needle thickness: [atCenter atHead colorSplitFactor]  */

10

1 .5;​ /* Needle head shape. 1...peak, 2...round, 3...arrow  */

11

2 1;​ /* Needle tail shape. 1...peak, 2...round  */

12

0.12;​ /* Needle pivot diameters: [out in]  */

13

#555;​ /* Needle pivot color.  */

14

1;​ /* Scale radius.  */

15

0.005;​ /* Scale background extend: [atStart atEnd]  */

16

1 /* Scale background outerRadius.  */

17

0.90 0.90 0.00 0.60 /* Scale background section bounds 1. (red)  */

18

0.90 0.90 0.60 0.75 /* Scale background section bounds 2. (orange)  */

19

0.90 0.90 0.75 1.00;​ /* Scale background section bounds 2. (green)  */

20

0;​ /* Scale background shading. 0...solid, -1...shaded  */

21

red;​orange;​green) /* Scale background colors.  */

22

/* Use style functions to control the appearance of the needle. */

23

FillStyle(1;​#555)

24

BorderStyle(all;​none)

25

ShadowStyle(all;​1 1 3;​lightGray)

26

/* Use scale and axis functions to control the appearance of the scale. */

27

Scaling(all;​linear;​0;​200;​5;​4)

28

AxisLine(all;​0) /* Hide axis line. */

29

AxisMajorTicks(all;​8;​1.5;​#666;​;​out)

30

AxisMinorTicks(all;​4;​0.5;​#666;​;​out)

31

AxisMajorTickLabelStyle(all;​Arial;​12;​plain;​#666)

32

AxisMajorTickLabelOptions(all;​in;​-6)

33

AddText(100;​130;​"133.8";​Arial;​13;​bold;​#666;​center)

34

CloseChart()

35

/* Background() // Uncomment while positioning the gauge. */

36

CloseDrawing()

RADIAL_GAUGE_10
RADIAL_GAUGE_11
1

OpenDrawing(200;​175)

2

OpenChart(0;​0;​200;​200)

3

ChartData(295;​322;​195)

4

RadialGauge(default;​

5

-135;​ /* Start angle in [deg].  */

6

270;​ /* Arc angle in [deg]. If negative, go counter-clockwise.  */

7

0;​ /* Background as full circle.  */

8

0.95 0.15 0.05 /* Black needle length: [head tail offsetFromCenter]  */

9

0.95 0.15 0.05 /* Red needle length: [head tail offsetFromCenter]  */

10

1.16 0.00 1.01;​/* Red marker length: [head tail offsetFromCenter]  */

11

0.05 0.01 0.1 /* Black needle thickness: [atCenter atHead colorSplitFactor]*/

12

0.05 0.01 0.1 /* Red needle thickness: [atCenter atHead colorSplitFactor]  */

13

0.15 0.15 0.0;​ /* Red marker thickness: [atCenter atHead colorSplitFactor]  */

14

1 0 /* Red needle head shape. 1...peak, 2...round, 3...arrow  */

15

1 0 /* Black needle head shape. 1...peak, 2...round,3...arrow  */

16

1 1;​ /* Red marker head shape. 1...peak, 2...round, 3...arrow  */

17

2 1;​ /* Needle tail shape. 1...peak, 2...round  */

18

0.12 0.06;​ /* Needle pivot diameters: [out in]  */

19

#555;​ /* Needle pivot color.  */

20

0.9;​ /* Scale radius.  */

21

0.02;​ /* Scale background extend: [atStart atEnd]  */

22

1 /* Scale background outerRadius.  */

23

0.0 0.0 0.884 0.981;​ /* Scale background section.  */

24

0;​ /* Scale background shading. 0...solid, -1...shaded  */

25

#f55) /* Scale background color.  */

26

/* Use style functions to control the appearance of the needles and marker. */

27

FillStyle(1;​#555)

28

FillStyle(2;​red)

29

FillStyle(3;​red)

30

BorderStyle(all;​none)

31

/* Use scale and axis functions to control the appearance of the scale. */

32

Scaling(all;​linear;​100;​400;​10;​10)

33

AxisLine(all;​0) /* Hide axis line. */

34

AxisMajorTicks(all;​6;​0.5;​#666;​;​in)

35

AxisMinorTicks(all;​3;​0.5;​#666;​;​in)

36

AxisMajorTickLabelStyle(all;​Arial;​9;​plain;​#444)

37

AxisMajorTickLabelOptions(all;​in;​-0)

38

ChartBackground(xy;​#f3f6f2;​0;​0;​;​;​2 2 2;​lightGray)

39

ChartBackgroundOptions(;​8)

40

CloseChart()

41

/* Background() // Uncomment while positioning the gauge. */

42

CloseDrawing()

RADIAL_GAUGE_11
RADIAL_GAUGE_12
1

OpenDrawing(200;​200)

2

ChartData(55)

3

RadialGauge(default;​

4

0;​ /* Start angle in [deg].  */

5

360;​ /* Arc angle in [deg]. If negative, go counter-clockwise. */

6

1;​ /* Background as full circle.  */

7

1.25 0.65 0;​ /* Needle length: [head tail offsetFromCenter]  */

8

0.30 0.02 0.15;​ /* Needle thickness: [atCenter atHead colorSplitFactor]  */

9

1 0.5;​ /* Needle head shape. 1...peak, 2...round, 3...arrow  */

10

1 -0.5;​ /* Needle tail shape. 1...peak, 2...round  */

11

0.0;​ /* Needle pivot diameter.  */

12

none;​ /* Needle pivot color.  */

13

0.9) /* Scale radius.  */

14

/* Use style functions to control the appearance of the needle. */

15

FillStyle(1;​red)

16

BorderStyle(1;​;​0.5;​#eee)

17

/* Use scale and axis functions to control the appearance of the scale. */

18

Scaling(all;​linear;​0;​360;​4;​4)

19

AxisLine(all;​0)

20

AxisMajorTicks(all;​12;​1.5;​white;​;​out)

21

AxisMinorTicks(all;​0.5;​2 2 2;​white;​;​out)

22

AxisMajorTickLabelTexts(all;​"N";​"E";​"S";​"W")

23

AxisMinorTickLabelTexts(all;​"";​"NE";​"";​"";​"SE";​"";​"";​"SW";​"";​"";​"NW";​"")

24

AxisMajorTickLabelStyle(all;​Arial;​13;​plain;​white)

25

AxisMinorTickLabelStyle(all;​Arial;​8;​plain;​white)

26

AxisMajorTickLabelOptions(all;​out)

27

AxisMinorTickLabelOptions(all;​out;​5)

28

ChartBackground(xy;​#555;​shaded;​0;​;​;​2 2 2;​lightGray)

29

CloseDrawing()

RADIAL_GAUGE_12
RADIAL_GAUGE_13
1

OpenDrawing(150;​150)

2

ChartData(10.17;​ /* = mod(hour,12)+minute/60 */

3

2) /* = minute/5  */

4

RadialGauge(default;​

5

0;​ /* Start angle in [deg].  */

6

360;​ /* Arc angle in [deg]. If negative, go counter-clockwise. */

7

1;​ /* Background as full circle.  */

8

0.75 0.2 0 /* Needle length 1: [head tail offsetFromCenter]  */

9

1.10 0.2 0;​ /* Needle length 2: [head tail offsetFromCenter]  */

10

0.12 0.02 0.1;​ /* Needle thickness: [atCenter atHead colorSplitFactor]  */

11

1;​ /* Needle head shape. 1...peak, 2...round, 3...arrow  */

12

1;​ /* Needle tail shape. 1...peak, 2...round  */

13

0.08;​ /* Needle pivot diameter.  */

14

#666;​ /* Needle pivot color.  */

15

0.9) /* Scale radius.  */

16

/* Use style functions to control the appearance of the needles. */

17

FillStyle(1;​#eee)

18

FillStyle(2;​#eee)

19

BorderStyle(all;​none)

20

/* Use scale and axis functions to control the appearance of the scale. */

21

Scaling(all;​linear;​0;​12;​12;​5)

22

AxisLine(all;​0) /* Hide axis line. */

23

AxisMajorTicks(all;​0.5;​2 2 2;​#eee;​;​out)

24

AxisMinorTicks(all;​0.5;​2 2 2;​#eee;​;​out)

25

AxisMajorTickLabelTexts(all;​"12";​"1";​"2";​"3";​"4";​"5";​"6";​"7";​"8";​"9";​"10";​"11")

26

AxisMajorTickLabelStyle(all;​Arial;​9;​bold;​#eee)

27

ChartBackground(xy;​#555;​shaded;​0;​;​;​2 2 2;​lightGray)

28

ChartBackgroundOptions(0;​3)

29

CloseDrawing()

RADIAL_GAUGE_13
Scroll to Top
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×