@progress/kendo-react-gauges 4.10.0-dev.202110110856 → 4.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
<img src="https://www.telerik.com/kendo-react-ui/npm-banner.svg">
|
|
3
3
|
</a>
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
# KendoReact Gauges Library for React
|
|
6
6
|
|
|
7
7
|
> **Important**
|
|
8
8
|
> * This package is а part of [KendoReact](https://www.telerik.com/kendo-react-ui/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-gauges)—a commercial UI library.
|
|
@@ -14,20 +14,40 @@
|
|
|
14
14
|
|
|
15
15
|
The KendoReact Gauges provide a set of React components for building beautiful and customizable gauges.
|
|
16
16
|
|
|
17
|
-
|
|
17
|
+
What's in this package (ToC):
|
|
18
18
|
|
|
19
|
-
* [ArcGauge component](
|
|
20
|
-
* [
|
|
21
|
-
* [
|
|
19
|
+
* [React ArcGauge component](#react-arcgauge-component)
|
|
20
|
+
* [React CircularGauge component](#react-circulargauge-component)
|
|
21
|
+
* [React LinearGauge component](#react-lineargauge-component)
|
|
22
|
+
* [React RadialGauge component](#react-radialgauge-component)
|
|
23
|
+
* [React Gauges Library Shared Features](#react-gauges-library-shared-features)
|
|
24
|
+
* [Support Options](#support-options)
|
|
25
|
+
* [Resources](#resources)
|
|
22
26
|
|
|
23
|
-
## React
|
|
27
|
+
## React ArcGauge Component
|
|
28
|
+
|
|
29
|
+
[The KendoReact ArcGauge component](https://www.telerik.com/kendo-react-ui/components/gauges/arcgauge/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-gauges) is perfect for representing value ranges across a sleek looking arc. This React component features the ability to define a minimum and maximum angle, letting arcs range from 0 to 360 degrees, and the current value will be displayed within the arc itself as well as a template in the middle of the component.
|
|
30
|
+
|
|
31
|
+
## React CircularGauge Component
|
|
32
|
+
|
|
33
|
+
[The KendoReact Circular Gauge component](https://www.telerik.com/kendo-react-ui/components/gauges/circulargauge/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-gauges) is a data visualization component that represents a value within a full-circle arc. This eye-catching React component is compact, simple to bind to data sources and provides a broad set of configuration options to ensure a natural fit in any React application.
|
|
34
|
+
|
|
35
|
+
## React LinearGauge Component
|
|
36
|
+
|
|
37
|
+
[The KendoReact LinearGauge component](https://www.telerik.com/kendo-react-ui/components/gauges/lineargauge/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-gauges) represents values on a linear scale, providing not just a bar to showcase current value but also a scale of tick and labels to help showcase what the value represents. The React LinearGauge can be rendered in both horizontal and vertical modes.
|
|
38
|
+
|
|
39
|
+
## React RadialGauge Component
|
|
40
|
+
|
|
41
|
+
[The KendoReact RadialGauge component](https://www.telerik.com/kendo-react-ui/components/gauges/radialgauge/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-gauges) represents values on a circular arc with a centralized pointer to indicate the current value. The gauge can animate the pointer to various values, provides support for multiple pointers and allows for deep customization with the out-of-the-box configuration options.
|
|
42
|
+
|
|
43
|
+
## React Gauges Library Shared Features
|
|
24
44
|
|
|
25
45
|
Among the many features which the KendoReact Gauges deliver are:
|
|
26
46
|
|
|
27
47
|
* **Scale options**—You can customize the color, width range and other scale options.
|
|
28
48
|
* **Globalization**— Using the globalization feature you can format the gauges value based on the culture and use RTL.
|
|
29
49
|
* **Export**—The gauges can be exported to an image, a PDF or a SVG allowing to easily save them locally or on the server.
|
|
30
|
-
* [**Theme support**](https://www.telerik.com/kendo-react-ui/components/styling/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-gauges)—The KendoReact Gauges, as well as all
|
|
50
|
+
* [**Theme support**](https://www.telerik.com/kendo-react-ui/components/styling/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-gauges)—The KendoReact Gauges, as well as all 100+ components in the KendoReact suite, are styled in three polished themes (Bootstrap, Material, and Default) and can be further customized to match your specific design guidelines.
|
|
31
51
|
|
|
32
52
|
## Support Options
|
|
33
53
|
|
|
@@ -42,7 +62,7 @@ For any issues you might encounter while working with the KendoReact Gauges, use
|
|
|
42
62
|
* [Getting Started with KendoReact](https://www.telerik.com/kendo-react-ui/getting-started/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-gauges)
|
|
43
63
|
* [Getting Started with the KendoReact Gauges](https://www.telerik.com/kendo-react-ui/components/gauges/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-gauges)
|
|
44
64
|
* [API Reference of the KendoReact gauges](https://www.telerik.com/kendo-react-ui/components/gauges/api/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-gauges)
|
|
45
|
-
* [KendoReact Roadmap](https://www.telerik.com/kendo-react-ui/roadmap/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-gauges)
|
|
65
|
+
* [KendoReact Roadmap](https://www.telerik.com/support/whats-new/kendo-react-ui/roadmap/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-gauges)
|
|
46
66
|
* [Blogs](https://www.telerik.com/blogs/tag/kendoreact?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-gauges)
|
|
47
67
|
* [Demos, documentation, and component reference](https://www.telerik.com/kendo-react-ui/components/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-gauges)
|
|
48
68
|
* [KendoReact pricing and licensing](https://www.telerik.com/kendo-react-ui/pricing/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-gauges)
|