UNPKG

@progress/kendo-gauges-vue-wrapper

Version:

Kendo UI Gauges wrapper for Vue.js

github.com/telerik/kendo-vue-wrappers/tree/master

telerik/kendo-vue-wrappers

179 lines (93 loc) • 3.85 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
--- title: scaleProps API description: "API Index | scaleProps" api_reference: true slug: api_arcgauge_scaleprops_wrapper --- # ScaleProps ### scale-end-angle `Number` The end angle of the Gauge. The Gauge is rendered clockwise—0 degrees are the 180 degrees in the polar coordinate system. ### scale-labels-background `String` The background color of the labels. Any valid CSS color string will work here, including hex and rgb. ### scale-labels-border-color `String` The color of the border. Accepts any valid CSS color string, including hex and rgb. ### scale-labels-border-dash-type `String` The dash type of the border. ### scale-labels-border-opacity `Number` The opacity of the border. By default, the border is opaque. ### scale-labels-border-width `Number` The width of the border. ### scale-labels-color `String` The text color of the labels. Accepts any valid CSS color string, including hex and rgb. ### scale-labels-font `String` The font style of the labels. ### scale-labels-format `String` The format of the labels. ### scale-labels-margin `Number` The margin of the labels. ### scale-labels-margin-top `Number` The top margin of the labels. ### scale-labels-margin-bottom `Number` The bottom margin of the labels. ### scale-labels-margin-left `Number` The left margin of the labels. ### scale-labels-margin-right `Number` The right margin of the labels. ### scale-labels-padding `Number` The padding of the labels. ### scale-labels-padding-top `Number` The top padding of the labels. ### scale-labels-padding-bottom `Number` The bottom padding of the labels. ### scale-labels-padding-left `Number` The left padding of the labels. ### scale-labels-padding-right `Number` The right padding of the labels. ### scale-labels-position `String` The labels positions. ### scale-labels-template `String | Function` The label template. The template supports the `value` variable which represents the value. ### scale-labels-visible `Boolean` The visibility of the labels. ### scale-major-ticks-color `String` The color of the major ticks. ### scale-major-ticks-size `Number` The major tick size—the length of the line (in pixels) that is drawn to indicate the tick on the scale. ### scale-major-ticks-visible `Boolean` The visibility of the major ticks. ### scale-major-ticks-width `Number` The width of the major ticks. ### scale-major-unit `Number` The interval between major divisions. ### scale-max `Number` The maximum value of the scale. ### scale-min `Number` The minimum value of the scale. ### scale-minor-ticks-color `String` The color of the minor ticks. Accepts any valid CSS color string, including hex and rgb. ### scale-minor-ticks-size `Number` The minor tick size—the length of the line (in pixels) that is drawn to indicate the tick on the scale. ### scale-minor-ticks-visible `Boolean` The visibility of the minor ticks. ### scale-minor-ticks-width `Number` The width of the minor ticks. ### scale-minor-unit `Number` The interval between minor divisions. ### scale-range-line-cap `String` The `lineCap` style of the ranges. The supported values are: * `butt` * `round` * `square` ### scale-range-placeholder-color `String` The default color for the ranges. ### scale-range-size `Number` The width of the range indicators. ### scale-range-distance `Number` The distance from the range indicators to the ticks. ### scale-reverse `Boolean` Reverses the scale direction—values increase anticlockwise. ### scale-start-angle `Number` The start angle of the Gauge. The Gauge is rendered clockwise—0 degrees are the 180 degrees in the polar coordinate system. ## Suggested Links * [`Scale` in Kendo UI ArcGauge for jQuery](https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/arcgauge/configuration/scale)