From e795214722666ada338314aa4f49a6c1f5862448 Mon Sep 17 00:00:00 2001 From: Svetoslav Dimitrov Date: Thu, 25 Mar 2021 15:22:49 +0200 Subject: [PATCH 01/10] chore(arc): improvements --- .../images/add-minorunit-ticks-arc-gauge.png | Bin 0 -> 4200 bytes .../gauge-arc/images/basic-arc-gauge.png | Bin 0 -> 8952 bytes .../images/min-and-max-arc-gauge.png | Bin 0 -> 3390 bytes .../minor-and-major-units-arc-gauge.png | Bin 0 -> 3776 bytes .../images/rangedistance-arc-gauge.png | Bin 0 -> 9767 bytes .../gauge-arc/images/reverse-arc-gauge.png | Bin 0 -> 3382 bytes .../images/start-end-angle-arc-gauge.png | Bin 0 -> 4090 bytes components/gauge-arc/labels.md | 165 ++++++++++++++++ components/gauge-arc/overview.md | 143 +++++--------- components/gauge-arc/pointers.md | 179 ++++++++++++++++++ components/gauge-arc/scale.md | 179 ++++++++++++++++++ 11 files changed, 575 insertions(+), 91 deletions(-) create mode 100644 components/gauge-arc/images/add-minorunit-ticks-arc-gauge.png create mode 100644 components/gauge-arc/images/basic-arc-gauge.png create mode 100644 components/gauge-arc/images/min-and-max-arc-gauge.png create mode 100644 components/gauge-arc/images/minor-and-major-units-arc-gauge.png create mode 100644 components/gauge-arc/images/rangedistance-arc-gauge.png create mode 100644 components/gauge-arc/images/reverse-arc-gauge.png create mode 100644 components/gauge-arc/images/start-end-angle-arc-gauge.png create mode 100644 components/gauge-arc/labels.md create mode 100644 components/gauge-arc/pointers.md create mode 100644 components/gauge-arc/scale.md diff --git a/components/gauge-arc/images/add-minorunit-ticks-arc-gauge.png b/components/gauge-arc/images/add-minorunit-ticks-arc-gauge.png new file mode 100644 index 0000000000000000000000000000000000000000..b7ddccc064388b694ed7de7612bfc1e62f3bb344 GIT binary patch literal 4200 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ੳy*M%qBZK$xLYIQPFcf72g8bsKtCLqSzmxJ`}h^NdF1a zOukaA9P{$!k#x)^_y!d?vv&bsAmVan;Kt4n`8c5R`}&TavTd(ReYj)Z-#2N3%*@Zz zQ!kcbR~IHGXjt!4#VxlL|HXBX+w_}pq;WH9q};0a+1#sHcC+Vh6-mYDa6dccf+rvCWP7qSJ~!gvH4~8!cDQ*1Du0m}MfE zapZ*vWVvMzmAlB~dV2TI=Fs4xhuM+8pZKHdr>zPI|mDq z(c_b1Bl?eL9%J41`~#5i&#G-Fytozo#LSG{T@1q7nr-h=Ec02x3z&h7e5PC6Z#I=yQExy%EJmp zD3-k7XXL}Q5kygflH;?hV%INtzIoz9&nzg1M`hj)Y!12(_9)M!>okjc z;*fBy=ZZ9oCJ^tGsbT=be0Kw6Rlji+%#_AxX0p#4xr;+DhTjo%kAMWwTnLoeRftHXkwTYGsNfD1M#ckx;#D|1ou@35pB#HAPLaW~QNL&wN*h+wr{ zZ}I9?OS?~~zJa@T!K>=)oYk#jAMNCwt0oOJl4cS&h3NNel?A^3pM?5yVT8{R_oYO1 lOzHoZbN^R_<7xF7gH~_so#80WGurO}-2;fB9$wcz;y?a*I`{wp literal 0 HcmV?d00001 diff --git a/components/gauge-arc/images/basic-arc-gauge.png b/components/gauge-arc/images/basic-arc-gauge.png new file mode 100644 index 0000000000000000000000000000000000000000..0b7d20609cfe92b7ea051f16587bca5812c2d711 GIT binary patch literal 8952 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 literal 0 HcmV?d00001 diff --git a/components/gauge-arc/images/min-and-max-arc-gauge.png b/components/gauge-arc/images/min-and-max-arc-gauge.png new file mode 100644 index 0000000000000000000000000000000000000000..73d71acf090635866d9774863542c671a95ee054 GIT binary patch literal 3390 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 Gk`izmV(g&FyVZG+WR88CZ|V{|DyI<-^0n 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 literal 0 HcmV?d00001 diff --git a/components/gauge-arc/images/start-end-angle-arc-gauge.png b/components/gauge-arc/images/start-end-angle-arc-gauge.png new file mode 100644 index 0000000000000000000000000000000000000000..20fa303212ba5e098d6057ffd6fee0468a12cd89 GIT binary patch literal 4090 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 a8F&pI)~Tnw$p`+|LB{$P&?;TG`2PcD$r4`x literal 0 HcmV?d00001 diff --git a/components/gauge-arc/labels.md b/components/gauge-arc/labels.md new file mode 100644 index 0000000000..b290532899 --- /dev/null +++ b/components/gauge-arc/labels.md @@ -0,0 +1,165 @@ +--- +title: Labels +page_title: Labels +description: Linear Gauge for Blazor - Labels. +slug: linear-gauge-labels +tags: telerik,blazor,linear,gauge,labels +published: True +position: 20 +--- + +## Linear Gauge Labels + +You can customize the appearance of the labels rendered on the [scale]({%slug linear-gauge-scale%}) of the Linear Gauge by using the ``, child tag of the ``, and the parameters it exposes: + +* [Format](#format) + +* [Color](#color) + +* [Visible](#visible) + +* [Additional Customization](#additional-customization) + +## Format + +The `Format` (`string`) parameter allows you to customize the rendering of the labels by using the standard numeric format strings. You can set the values of the labels to showcase, for example, currency, percentage, and so on. + +>caption Use the Format parameter to showcase currency. The result from the code snippet below. + +![Format parameter example](images/format-parameter-labels.png) + +````CSHTML +@* Use the {0:C0} format string to format the values of the labels as currency. *@ + + + + + + + + + + + + + + + + + + + + + + +```` + +## Color + +The `Color` (`string`) parameter controls the color of the labels. It accepts **CSS**, **HEX** and **RGB** colors. + +>caption Change the color of the labels. The result from the code snippet below. + +![Color parameter screenshot](images/color-parameter-labels.png) + +````CSHTML +@* Change the color of the labels to blue *@ + + + + + + + + + + + + + + + + + + + + + + +```` + +## Visible + +The `Visible` (`bool`) parameter controls wether the labels will be rendered. + +>caption Hide the labels by using the Visible parameter. The result from the code snippet below + +![Hide the labels](images/visible-parameter-labels.png) + +````CSHTML +@* Set the Visible parameter to false to hide the labels *@ + + + + + + + + + + + + + + + + + + + + + + +```` + +## Additional Customization + +@[template](/_contentTemplates/gauges/additional-customization.md#linear-gauge-additional-customization) + +>caption Customize the borders of the Labels. The result from the code snippet below. + +![Custom Label borders](images/labels-custom-borders.png) + +````CSHTML +@* Provide color, solid outline and custom width to the label borders *@ + + + + + + + + + + + + + + + + + + + + + + + +```` + +## See Also + +* [Linear Gauge: Overview]({%slug linear-gauge-overview%}) +* [Linear Gauge: Scale]({%slug linear-gauge-scale%}) +* [Linear Gauge: Ranges]({%slug linear-gauge-ranges%}) +* [Linear Gauge: Pointers]({%slug linear-gauge-pointers%}) diff --git a/components/gauge-arc/overview.md b/components/gauge-arc/overview.md index 0a1e96873a..88c0a63f8c 100644 --- a/components/gauge-arc/overview.md +++ b/components/gauge-arc/overview.md @@ -3,145 +3,106 @@ title: Overview page_title: Arc Gauge Overview description: Overview of the Arc Gauge for Blazor. slug: arc-gauge-overview -tags: telerik,blazor,chart,overview +tags: telerik,blazor,arc,gauge,overview published: True position: 0 --- -# Chart Overview +# Arc Gauge Overview -The Blazor Chart component allows you to visualize data to your users in a meaningful way so they can draw conclusions. You can use a variety of chart types and control all aspects of the chart's appearance - from colors and fonts, to paddings, margins and templates. +The Telerik Arc Gauge for Blazor represents [numerical values]({%slug arc-gauge-pointers%}) on an arc [scale]({%slug arc-gauge-scale%}). -#### To use a Telerik chart for Blazor, add the `TelerikChart` tag. +This article is separated in the following sections: ->caption Basic chart with series and category axis [data binding](data-bind), and a few commonly used appearance settings +* [Basics](#basics) -````CSHTML -Basic chart and common settings/elements +* [Features](#features) - - - - - - - - +* [Methods](#methods) - - - +## Basics - - - +>caption To add a Telerik Arc Gauge for Blazor to your application: - +1. Add the `` tag. - - - +1. Add an instance of the `` to the `` collection. -@code { - public class MyDataModel - { - public int SecondSeriesValue { get; set; } - public string ExtraData { get; set; } +1. Provide a `Value` for the ``. - } +>caption Basic Telerik Arc Gauge for Blazor. - public List modelData = new List() - { - new MyDataModel() { SecondSeriesValue = 1, ExtraData = "first" }, - new MyDataModel() { SecondSeriesValue = 5, ExtraData = "second" }, - new MyDataModel() { SecondSeriesValue = 3, ExtraData = "third" }, - new MyDataModel() { SecondSeriesValue = 2, ExtraData = "fourth" }, - }; +![Basic Arc Gauge](images/basic-arc-gauge.png) - public List simpleData = new List() { 10, 2, 7, 5 }; +````CSHTML +@* Setup a basic arc gauge *@ - public string[] xAxisItems = new string[] { "Q1", "Q2", "Q3", "Q4" }; -} + + + + + ```` ->caption The result from the code snippet above +## Features -![](images/overview-chart.png) +The Telerik Arc Gauge for Blazor exposes the following features: +#### Arc Gauge Size +* `Width` - `string` - controls the width of the component. You can read more on how they work in the [Dimensions]({%slug common-features/dimensions%}) article. -@[template](/_contentTemplates/chart/link-to-basics.md#configurable-nested-chart-settings) +* `Height` - `string` - controls the height of the component. You can read more on how they work in the [Dimensions]({%slug common-features/dimensions%}) article. ->caption Component namespace and reference +You can also set the Gauge size in percentage values so it occupies its container when it renderes. If the parent container size changes, you must call the gauge's `Refresh()` C# [method](#methods) after the DOM has been redrawn and the new container dimensions are rendered. -````CSHTML -@using Telerik.Blazor.Components +#### Other Feautres - - +* `Class` - renders a custom CSS class on the topmost wrapping element of the component. You can use that class to reposition the component on the page. -@code { - Telerik.Blazor.Components.TelerikChart myChartRef; -} -```` +* Scale - The scale of the arc gauge renders the values of the [pointers]({%slug arc-gauge-pointers%}) and [labels]({%slug arc-gauge-labels%}). See the [Scale]({%slug arc-gauge-scale%}) article for more information on how to customize the scale of the component. -## Chart Size +* Labels - The labels are rendered on the scale of the component to give information to the users. See the [Labels]({%slug arc-gauge-labels%}) article for more information on how to customize the labels on the scale of the component. -To control the chart size, use its `Width` and `Height` properties. You can read more on how they work in the [Dimensions]({%slug common-features/dimensions%}) article. +* Pointers - The pointers indicate the values on the scale of the component. See the [Pointers]({%slug arc-gauge-pointers%}) article for more information on how to customize the pointers of the component. -You can also set the chart size in percentage values so it occupies its container when it renderes. If the parent container size changes, you must call the chart's `Refresh()` C# method after the DOM has been redrawn and the new container dimensions are rendered. You can do this when you explicitly change container sizes (like in the example below), or from code that gets called by events like `window.resize`. You can find an example of making charts redraw on `window.resize` in the [Responsive Chart](https://github.com/telerik/blazor-ui/tree/master/chart/responsive-chart) sample. +## Methods +The Arc Gauge reference exposes the `Refresh` method which allows you to programatically re-render the component. ->caption Change the 100% chart size dynamically to have a responsive chart +>caption Get a component reference and use the Refresh method ````CSHTML -You can make a responsive chart +@* Change the Width of the component *@ -Resize the container and redraw the chart +Change the Height of the component -
+Change the Width of the component - + + - - - - - - - - + - - -
+ + @code { - string ContainerWidth { get; set; } = "400px"; - string ContainerHeight { get; set; } = "300px"; - Telerik.Blazor.Components.TelerikChart theChart { get; set; } + Telerik.Blazor.Components.TelerikArcGauge ArcGaugeRef { get; set; } - async Task ResizeChart() - { - //resize the container - ContainerHeight = "500px"; - ContainerWidth = "800px"; + public string Width { get; set; } = "300px"; - //give time to the framework and browser to resize the actual DOM so the chart can use the expected size - await Task.Delay(20); + private void ChangeTheHeight() + { + Width = "450px"; - //redraw the chart - theChart.Refresh(); + ArcGaugeRef.Refresh(); } - - public List someData = new List() { 10, 2, 7, 5 }; - - public string[] xAxisItems = new string[] { "Q1", "Q2", "Q3", "Q4" }; } ```` ## See Also - * [Data Binding]({%slug components/chart/databind%}) - * [Live Demos: Chart](https://demos.telerik.com/blazor-ui/chart/index) - * [API Reference](https://docs.telerik.com/blazor-ui/api/Telerik.Blazor.Components.TelerikChart) +* [Arc Gauge: Live Demo](https://demos.telerik.com/blazor-ui/arc-gauge) +* [Arc Gauge: Scale]({%slug arc-gauge-scale%}) +* [Arc Gauge: Pointers]({%slug arc-gauge-pointers%}) \ No newline at end of file diff --git a/components/gauge-arc/pointers.md b/components/gauge-arc/pointers.md new file mode 100644 index 0000000000..959a94a541 --- /dev/null +++ b/components/gauge-arc/pointers.md @@ -0,0 +1,179 @@ +--- +title: Pointers +page_title: Linear Gauge - Pointers +description: Linear Gauge for Blazor - Pointers. +slug: linear-gauge-pointers +tags: telerik,blazor,linear,gauge,overview +published: True +position: 10 +--- + +# Linear Gauge Pointers + +The pointers are the values that will be marked on the scale. You can customize them through the parameters they expose: + +* [Shape](#shape) + +* [Color](#color) + +* [Opacity](#opacity) + +* [Size](#size) + +* [Margin](#margin) + +* [Additional Customization](#additional-customization) + +>note The examples in this article are using the [Arrow shape](#shape) of the Pointers, but you can use BarIndicator too. + +## Shape + +The `Shape` parameter controls the shape of the pointer and takes a member of the `LinearGaugePointerShape` enum: + +* `BarIndicator` - by default a bar indication will be rendered as the pointer shape + +* `Arrow` + +>caption Change the shape of the pointer. The result from the code snippet below. + +![Arrow Pointers](images/arrow-pointers.png) + +````CSHTML +@* Use arrows as pointers in the Linear Gauge *@ + + + + + + + + + + + + + + +```` + +## Color + +The `Color` (`string`) parameter controls the color of the pointers. It accepts **CSS**, **HEX** and **RGB** colors. + +>caption Change the color of the arrow pointers. The result from the code snippet below + +![color parameter example](images/color-parameter.png) + +````CSHTML +@* Change the color of the pointers *@ + + + + + + + + + + + + + + +```` + +## Opacity + +The `Opacity` (`double`) parameter controls the opacity of the pointers. The value passed to it should be between **0** and **1**. + +````CSHML +@* Change the opacity of a pointer *@ + + + + + + + + + + + + + + +```` + +## Size + +The `Size` (`double`) parameter controls the size of the pointers. + +````CSHTML +@* Change the sizes of the pointers *@ + + + + + + + + + + + + + + +```` + +## Margin + +The `Margin` (`double`) parameter controls the margin between the [Scale]({%slug linear-gauge-scale%}) and the pointers. + +````CSHTML +@* Change the margin between the scale and the pointers *@ + + + + + + + + + + + + + + +```` + +## Additional Customization + +@[template](/_contentTemplates/gauges/additional-customization.md#linear-gauge-additional-customization) + +>caption Customize the Pointer Track. The result from the code snippet below. + +![custom pointer track](images/custom-pointer-track.png) + +````CSHTML +@* Customize the pointer track *@ + + + + + + + + + + + + + +```` + +## See Also + +* [Linear Gauge: Overview]({%slug linear-gauge-overview%}) +* [Linear Gauge: Scale]({%slug linear-gauge-scale%}) diff --git a/components/gauge-arc/scale.md b/components/gauge-arc/scale.md new file mode 100644 index 0000000000..d4f85ce9e4 --- /dev/null +++ b/components/gauge-arc/scale.md @@ -0,0 +1,179 @@ +--- +title: Scale +page_title: Scale +description: Arc Gauge for Blazor - Scale. +slug: arc-gauge-scale +tags: telerik,blazor,arc,gauge,scale +published: True +position: 5 +--- + +## Arc Gauge Scale + +The scale of the arc gauge renders the values, pointers and labels. You can customize it by adding an instance of the `` to the `` collection, child tag of the ``. The `` exposes the following parameters: + +* [Min and Max](#min-and-max) + +* [MinorUnit and MajorUnit](#minorunit-and-majorunit) + +* [StartAngle and EndAngle](#startangle-and-endangle) + +* [Reverse](#reverse) + +* [Additional Customization](#additional-customization) + + * [Example: Enable the MinorUnit ticks](#example-enable-the-minorunit-ticks) + + +## Min and Max + +* The `Max` (`double`) parameter controls the maximum value that the component can reach. + +* The `Min` (`double`) parameter controls the lowest value of the component. + +>caption Change the lowest and the highest values for the scale. The result from the code snippet below. + +![Min and max parameters example](images/min-and-max-arc-gauge.png) + +````CSHTML +@* Use the Min and Max parameters to change the lowest and highest values for the scale *@ + + + + + + + + + + + + + + + +```` + +## MinorUnit and MajorUnit + +* The `MajorUnit` (`double`) parameter controls the interval between the major unit divisions of the component. The values provided to the `ArcGaugePointer` will render as a `MajorUnit` tick. The [labels]({%slug arc-gauge-labels%}) will be rendered next to the `MajorUnit` ticks. + +* The `MinorUnit` (`double`) parameter controls the interval between the minor unit divisions of the component. + +>caption Change the rendering frequency of the major unit divisions. The result from the code snippet below. + +![Minor and major units parameters](images/minor-and-major-units-arc-gauge.png) + +````CSHTML +@* Update the rendering of the major ticks *@ + + + + + + + + + + + + + + + +```` + +## StartAngle and EndAngle + +* The `StartAngle` (`double`) parameter controls the starting angle of the scale. + +* The `EndAngle` (`double`) parameter controls the ending angle of the component. + +By default the `StartAngle` is set to `0` and the `EndAngle` to `180`. These values represent the angles on the coordinate system. + +>caption Change the StartAngle and the EndAngle of the scale. The result from the code snippet below. + +![Min and max parameters example](images/start-end-angle-arc-gauge.png) + +````CSHTML +@* Use the StartAngle and EndAngle parameters to curve the scale differently. *@ + + + + + + + + + + + + + + + +```` + +## Reverse + +If you set the `Reverse` (`bool`) parameter to `true` the values of the scale will increase from the right side to the left side of the scale. By default they will raise from the left to right. + +>caption Reverse the scale of the component. The result from the code snippet below. + +![reverse parameter example](images/reverse-arc-gauge.png) + +````CSHTML +@* Set the Reverse parameter to true *@ + + + + + + + + + + + + + + + +```` + +## Additional Customization + +@[template](/_contentTemplates/gauges/additional-customization.md#linear-gauge-additional-customization) + +### Example: Enable the MinorUnit ticks + +You can enable the MinorUnit ticks on the scale by using the `` nested tag and its `Visible` parameter. + +>caption Add the MinorUnit ticks to the scale. The result from the code snippet below. + +![Add the MinorUnit ticks](images/add-minorunit-ticks-arc-gauge.png) + +````CSHMTL +@* Add the MinorUnit ticks. *@ + + + + + + + + + + + + + + + + +```` + +## See Also + +* [Arc Gauge: Overview]({%slug arc-gauge-overview%}) +* [Arc Gauge: Pointers]({%slug arc-gauge-pointers%}) From 417f9a3caceb56d7efabdfc2c24a614f5d0d372d Mon Sep 17 00:00:00 2001 From: Nadezhda Tacheva Date: Fri, 19 Mar 2021 19:05:04 +0200 Subject: [PATCH 02/10] docs(radial-gauge):overview, scale articles --- .../gauges/additional-customization.md | 7 + .../images/basic-radial-gauge.png | Bin 0 -> 12511 bytes .../images/min-and-max-radial-gauge.png | Bin 0 -> 20096 bytes .../minor-and-major-units-radial-gauge.png | Bin 0 -> 10541 bytes .../remove-minorunit-ticks-radial-gauge.png | Bin 0 -> 8484 bytes .../images/reverse-radial-gauge.png | Bin 0 -> 13161 bytes .../gauge-radial/images/start-end-angles.png | Bin 0 -> 13537 bytes components/gauge-radial/overview.md | 155 ++++++-------- components/gauge-radial/scale.md | 195 ++++++++++++++++++ 9 files changed, 260 insertions(+), 97 deletions(-) create mode 100644 components/gauge-radial/images/basic-radial-gauge.png create mode 100644 components/gauge-radial/images/min-and-max-radial-gauge.png create mode 100644 components/gauge-radial/images/minor-and-major-units-radial-gauge.png create mode 100644 components/gauge-radial/images/remove-minorunit-ticks-radial-gauge.png create mode 100644 components/gauge-radial/images/reverse-radial-gauge.png create mode 100644 components/gauge-radial/images/start-end-angles.png create mode 100644 components/gauge-radial/scale.md diff --git a/_contentTemplates/gauges/additional-customization.md b/_contentTemplates/gauges/additional-customization.md index 36af7caeaf..5fbd13c995 100644 --- a/_contentTemplates/gauges/additional-customization.md +++ b/_contentTemplates/gauges/additional-customization.md @@ -6,5 +6,12 @@ To further customize the elements of the linear gauge you can use nested tags. W * Pointers #end +#radial-gauge-additional-customization +To further customize the elements of the Radial Gauge you can use nested tags. When configuring nested properties and child elements in your Radial Gauge, the inner tags will contain their parent tag name and add specifics to its end. In general the structure of such nested tags will be `` where the **Category** can be one of the following: + +* Scale +* GaugeArea +* Pointers +#end diff --git a/components/gauge-radial/images/basic-radial-gauge.png b/components/gauge-radial/images/basic-radial-gauge.png new file mode 100644 index 0000000000000000000000000000000000000000..cdd30cc83042f1e5fd3228670e1e5facd675b9f0 GIT binary patch literal 12511 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