or
1 answer
25 views
Hi
I want to customize the gauge like in the example.
①I want to set the tick and label as follows.
|
・Red bar representing the current value
・Positional relationship between current value and Tick
①I want to set the tick and label as follows.
①I want to set the tick and label as follows.
①I want to set the tick and label as follows.
Didi
Telerik team
answered
on
06 Mar 2024
1 answer
31 views
Hi
I want to customize the gauge like in the example.
1. Is it possible to draw an area in the center of the gauge and display text?
2. Is it possible to display text at the bottom of the gauge?
3.What is the recommended way to achieve this?
I want to customize the gauge like in the example.
1. Is it possible to draw an area in the center of the gauge and display text?
2. Is it possible to display text at the bottom of the gauge?
3.What is the recommended way to achieve this?
Didi
Telerik team
answered
on
01 Mar 2024
1 answer
60 views
As an example, if we define the Axis (GaugeLinearAxis) Min and Max from -20 to 100, and the GaugeBarIndictor value is set to 35, the Fill starts at 0 and ends at 35, rather than starting at -20 and ending at 35.
Similarly, if the GaugeBarIndictor value is set to -10, the fill starts at 0, and ends at -10, rather than -20 to -10.
This behavior occurs on both windows and android.
Xaml
<telerik:RadRadialGauge x:Name="gauge"
AutomationId="gauge">
<telerik:RadRadialGauge.Axis>
<telerik:GaugeLinearAxis x:Name="axis" />
</telerik:RadRadialGauge.Axis>
<telerik:RadRadialGauge.Indicators>
<telerik:GaugeBarIndicator x:Name="barIndicator" />
<telerik:GaugeNeedleIndicator x:Name="needle" />
</telerik:RadRadialGauge.Indicators>
<telerik:RadRadialGauge.Ranges>
<telerik:GaugeRangesDefinition x:Name="rangeDefinition">
<telerik:GaugeGradientRange x:Name="mainRange">
<telerik:RadGradientStop x:Name="mainRangeStart" />
<telerik:RadGradientStop x:Name="mainRangeEnd" />
</telerik:GaugeGradientRange>
</telerik:GaugeRangesDefinition>
</telerik:RadRadialGauge.Ranges>
</telerik:RadRadialGauge>Code Behind:
axis.Minimum = MinValue;
axis.Maximum = MaxValue;
private void SetValue(float? value)
{
if (value == null)
{
barIndicator.Value = MinValue;
}
else
{
barIndicator.Value = value.Value;
}
}
Didi
Telerik team
updated answer
on
22 Aug 2023
1 answer
148 views
Hi Team,
Just want to check whether Telerik will support .Net IOS projects (Native IOS)?
Thanks in advance.
1 answer
61 views
Hi,
<ContentView.Content>
<Grid RowDefinitions="auto, auto, auto,*" ColumnDefinitions="*">
<Grid Grid.Row="0" Grid.Column="0" ColumnDefinitions="*,auto,auto,auto,auto,*" ColumnSpacing="45">
<telerikGauges:RadRadialGauge x:Name="gaugeTotalFiles" Grid.Column="1" >
<telerikGauges:RadRadialGauge.Axis>
<telerikGauges:GaugeLinearAxis Maximum="200"
Minimum="0"
Step="25" />
</telerikGauges:RadRadialGauge.Axis>
<telerikGauges:RadRadialGauge.Indicators>
<telerikGauges:GaugeNeedleIndicator Offset="30" Value="60" />
<telerikGauges:GaugeShapeIndicator Value="80" />
</telerikGauges:RadRadialGauge.Indicators>
<telerikGauges:RadRadialGauge.Ranges>
<telerikGauges:GaugeRangesDefinition>
<telerikGauges:GaugeRange Color="#03446a"
From="0"
To="200" />
</telerikGauges:GaugeRangesDefinition>
</telerikGauges:RadRadialGauge.Ranges>
</telerikGauges:RadRadialGauge>
<telerikGauges:RadRadialGauge x:Name="gaugePushFiles" Grid.Column="2">
<telerikGauges:RadRadialGauge.Axis>
<telerikGauges:GaugeLinearAxis Maximum="200"
Minimum="0"
Step="25" />
</telerikGauges:RadRadialGauge.Axis>
<telerikGauges:RadRadialGauge.Indicators>
<telerikGauges:GaugeNeedleIndicator Offset="30" Value="60" />
<telerikGauges:GaugeShapeIndicator Value="80" />
</telerikGauges:RadRadialGauge.Indicators>
<telerikGauges:RadRadialGauge.Ranges>
<telerikGauges:GaugeRangesDefinition>
<telerikGauges:GaugeRange Color="#03446a"
From="0"
To="200" />
</telerikGauges:GaugeRangesDefinition>
</telerikGauges:RadRadialGauge.Ranges>
</telerikGauges:RadRadialGauge>
<telerikGauges:RadRadialGauge x:Name="gaugeTotalPulled" Grid.Column="3">
<telerikGauges:RadRadialGauge.Axis>
<telerikGauges:GaugeLinearAxis Maximum="200"
Minimum="0"
Step="25" />
</telerikGauges:RadRadialGauge.Axis>
<telerikGauges:RadRadialGauge.Indicators>
<telerikGauges:GaugeNeedleIndicator Offset="30" Value="60" />
<telerikGauges:GaugeShapeIndicator Value="80" />
</telerikGauges:RadRadialGauge.Indicators>
<telerikGauges:RadRadialGauge.Ranges>
<telerikGauges:GaugeRangesDefinition>
<telerikGauges:GaugeRange Color="#03446a"
From="0"
To="200" />
</telerikGauges:GaugeRangesDefinition>
</telerikGauges:RadRadialGauge.Ranges>
</telerikGauges:RadRadialGauge>
<telerikGauges:RadRadialGauge x:Name="gaugeTotalFailed" Grid.Column="4">
<telerikGauges:RadRadialGauge.Axis>
<telerikGauges:GaugeLinearAxis Maximum="200"
Minimum="0"
Step="25" />
</telerikGauges:RadRadialGauge.Axis>
<telerikGauges:RadRadialGauge.Indicators>
<telerikGauges:GaugeNeedleIndicator Offset="30" Value="60" />
<telerikGauges:GaugeShapeIndicator Value="80" />
</telerikGauges:RadRadialGauge.Indicators>
<telerikGauges:RadRadialGauge.Ranges>
<telerikGauges:GaugeRangesDefinition>
<telerikGauges:GaugeRange Color="#03446a"
From="0"
To="200" />
</telerikGauges:GaugeRangesDefinition>
</telerikGauges:RadRadialGauge.Ranges>
</telerikGauges:RadRadialGauge>
</Grid>
</Grid>
</ContentView.Content>
Nikola
Telerik team
answered
on
11 Mar 2022
1 answer
55 views
Hi,
How I change in run time(in code behind):
-GeneralLinerAxis/Maximun property.
-GaugeNeedleIndicator - Value property.
- GaugeShapeIndicator - Value property.
<telerikGauges:RadRadialGauge x:Name="gaugeTotalFiles" >
<telerikGauges:RadRadialGauge.Axis>
<telerikGauges:GaugeLinearAxis Maximum="200"
Minimum="0"
Step="25" />
</telerikGauges:RadRadialGauge.Axis>
<telerikGauges:RadRadialGauge.Indicators>
<telerikGauges:GaugeNeedleIndicator Offset="30" Value="60" />
<telerikGauges:GaugeShapeIndicator Value="80" />
</telerikGauges:RadRadialGauge.Indicators>
<telerikGauges:RadRadialGauge.Ranges>
<telerikGauges:GaugeRangesDefinition>
<telerikGauges:GaugeRange Color="#03446a"
From="0"
To="200" />
</telerikGauges:GaugeRangesDefinition>
</telerikGauges:RadRadialGauge.Ranges>
</telerikGauges:RadRadialGauge>
Deyan
Telerik team
answered
on
10 Mar 2022
