Skip to content

Arc gauge improvements #272

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Mar 29, 2021
Merged

Arc gauge improvements #272

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
7d79c20
chore(gauge): imrpovements
svdimitr Mar 29, 2021
8a2c61f
chore(arc): improvements
svdimitr Mar 29, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion components/gauge-arc/labels.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@ You can customize the appearance of the labels rendered on the [scale]({%slug ar

The `Format` (`string`) parameter allows you to customize the rendering of the labels by using the <a href="https://docs.microsoft.com/en-us/dotnet/standard/base-types/standard-numeric-format-strings" target="_blank">standard numeric format strings</a>. 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.
>caption Use the Format parameter to showcase percentage. The result from the code snippet below.

![Format parameter example](images/format-parameter-labels.png)

Expand Down
4 changes: 2 additions & 2 deletions components/gauge-arc/overview.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -30,6 +30,8 @@ The Telerik Arc Gauge for Blazor represents [numerical values]({%slug arc-gauge-

1. Provide a `Value` for the `<ArcGaugePointer>`.

1. Add a [Center Label Template]({%slug arc-gauge-labels%}#center-template) (optional)

>caption Basic Telerik Arc Gauge for Blazor.

![Basic Arc Gauge](images/basic-arc-gauge.png)
Expand Down Expand Up @@ -75,8 +77,6 @@ The Arc Gauge reference exposes the `Refresh` method which allows you to program
````CSHTML
@* Change the Width of the component *@

<TelerikButton OnClick="@ChangeTheHeight">Change the Height of the component</TelerikButton>

<TelerikButton OnClick="@ChangeTheHeight">Change the Width of the component</TelerikButton>

<TelerikArcGauge @ref="@ArcGaugeRef" Width="@Width">
Expand Down
2 changes: 1 addition & 1 deletion components/gauge-arc/pointers.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ The `LineCap` parameter controls the shape of the scale ending and takes a membe

* `Round` - by default the shape of the scale ending would be round

* `Butt`
* `Butt` - setting the ArcGaugePointerLineCap to Butt would make the shape of the scale ending flat.

>caption Change the shape of the scale. The result from the code snippet below.

Expand Down
2 changes: 1 addition & 1 deletion components/gauge-arc/scale.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,7 @@ The scale of the arc gauge renders the values, pointers and labels. You can cust

* 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.
* The `MinorUnit` (`double`) parameter controls the interval between the minor unit divisions of the component. In order to use the `MinorUnit` ticks you must [enable them](#example-enable-the-minorunit-ticks) explicitly.

>caption Change the rendering frequency of the major unit divisions. The result from the code snippet below.

Expand Down