Relative not working

    <RelativeLayout>
        <telerikGauges:RadRadialGauge x:Name="gauge" RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0}"
                                                     RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0}"
                                                     RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=1}"
                                                     RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=1}" >
        </telerikGauges:RadRadialGauge>

        <Label RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToView, ElementName=gauge, Property=X, Factor=0.33}"
               RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToView, ElementName=gauge, Property=Y, Factor=0.33}"
               RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToView, ElementName=gauge, Property=Width, Factor=0.33}"
               RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToView, ElementName=gauge, Property=Height, Factor=0.33}">
            <Label.FormattedText>
                <FormattedString>
                    <FormattedString.Spans>
                        <Span Text="Speed: "/>
                        <Span Text="33"/>
                    </FormattedString.Spans>
                </FormattedString>
            </Label.FormattedText>
        </Label>

    </RelativeLayout>

 

label alignment in top-left, it is not fine

Hello,

I am trying to binding the colors of a GaugeBarIndicator, but it doesn't work. The error is: "Cannot assign property "Color": Property does not exist, or is not assignable, or mismatching type between value and property"

Code XAML file:

 

The property in C# file:

 

Do you know how can I make it work?

 

Thank you.

Hi

I'm trying to use a RadHorizontalGauge with indicators that have some extra width (like a shape indicator which is a large circle or a text indicator containing some words) and i'm unable to display those properly when they are displaying near the Axis' edge values (they are being clipped). I've tried using the Gauge's Padding property (with and without IsClippedToBounds) and unable to get it working properly. The text/shape are being clipped at the edge of the axis and on occasions they are even displayed at an incorrect position (using both Left and Right padding seems to cause a mismatch between the axis tick/label position and the actual value they represent).

How do I get the Gauge to add "padding" to the canvas so the axis/indcators will have room to display longer text values? (like adding Margin to the Axes and Indicators but allow them to display on the entire canvas without being clipped to the axis bounds... the same effect as setting Minimum and Maximum to large values that cause the axis to draw itself farther than the edges, but without actually changing the Minimum/Maximum)

I have a RadRadialGauge that is working almost exactly like my client wants.  I have one issue - the max value label does not display, but the min value ("0 %") does.  How can I make the max value label display?  And is it possible for control the font sized used by the label?

 

 

 

Hi, I am using RadVerticalGauge for my app and I am encoutering an issue similar to https://www.telerik.com/forums/radradialgauge-not-taking-full-width.

Indeed, I would like to reduce the space taken by the gauge canvas. I have tried using negative margin on the gauge but without success.

Attached the current result.

 

How can I achieve this ?

Thanks in advance

Hello,

I am now trying out Telerik's controls for my company's needs and I am running into an issue where the RadRadialGauge is not taking up the whole available horizontal space. What we need is only the top half of the gauge, which I am managing by setting the SweepAngle and StartAngle, but the gauge is showing to be way too small. I have checked via the Android Layout Inspector that the Canvas itself is taking up the whole available space. My guess is that because the Gauge is put on the first row of a Grid, it is behaving like it should be a full Gauge rather than a half Gauge and that is why it is taking up less space. I am attaching some code that is similar to what we have now:

Best regards,

Konstantin

 

 

Hi everyone,

A while ago we developed an app for one of our customers, using Telerik UI for Xamarin Forms. The app is used for showing financial data.
Recently, our client has made changes to the specifications and design of the used Telerik components.

At this moment my most experienced Xamarin developer is not available, but I need information if the design and specifications made are possible or not in Telerik UI for Xamarin Forms.
Can you provide me with information? As soon as I know what is or is not possible, I can pass this on to my client, after which my developer will be able to realize this as soon as he is present again.
Underlying information: The data from the charts and widgets is fed from an underlying database and can be configured yourself (the customer can decide for himself which financial data is shown where and hat is shown (line chart, piechart, bar chart or gauge))
See the added images

Gauge
In the current app of our customer, we did not use gauges. So far, we do not have any experience with it yet. I read on the Telerik website that a lot can be customized, but can not find clear information about how far this is possible.
Is this design of the gauge within Telerik possible? Think of the shape, whether it is possible to give the color / color gradient per gauge, the needle

Barchart
Is it possible to give a color gradient?

Linechart
In the desktop version of the application we use Telerik UI for ASP.NET MVC. Here, bullets are shown per series in a line chart. Is this also possible in the Xamarin Forms version?

Hi all,

I use a very simple RadRadialGauge, when I run in debug my app everything is ok, but when I start it in release mode, I cannot see anything on  real device, heres the code:
<telerikGauges:RadRadialGauge StartAngle="90" Margin="0" SweepAngle="360" HorizontalOptions="FillAndExpand" Padding="0" VerticalOptions="FillAndExpand" >
                                <telerikGauges:RadRadialGauge.Axis>
                                    <telerikGauges:GaugeLinearAxis Maximum="1"   
                                                       Minimum="0"
                                                       ShowLabels="False"
                                                       StrokeThickness="0" />
                                </telerikGauges:RadRadialGauge.Axis>
                                <telerikGauges:RadRadialGauge.Ranges>
                                    <telerikGauges:GaugeRangesDefinition Offset="0">
                                        <telerikGauges:GaugeRange Color="{StaticResource YukoLightBlue}"
                                                      From="0"                                                               
                                                      To="1" />
                                    </telerikGauges:GaugeRangesDefinition>
                                </telerikGauges:RadRadialGauge.Ranges>
                                <telerikGauges:RadRadialGauge.Indicators>                                    
                                    <telerikGauges:GaugeRangeBarIndicator Fill="{StaticResource YukoForceDarkBlue}"
                                                              FromCap="ConcaveOval"
                                                              ToCap="Oval"
                                                              Offset="0"
                                                              From="0"                                                             
                                                              To="0.45" />
                                </telerikGauges:RadRadialGauge.Indicators>
                            </telerikGauges:RadRadialGauge>

Any helps is appreciated.

 

Thanks

 

Alessio

Hi All,

I want to create a customized radial gauge with animation as shown in attached image as 'DesiredOutput.png'. Can anyone please help me in achieving the same. What I am doing is creating two radial bars with same offset value and then showing the animation. This is working fine but problem with this is that i am unable to show color range with this approach(like green to dark green). Second approach is that i am creating gauge range which gives the proper color range but with no animation and no start and end cap oval. Please tell me the correct approach.

Note :- Attached are three images 'DesiredOutput.png' image is what I want and the other two are what I am able to achieve.

Any help is welcomed. Thanks very much.

 

I want to add labels on top of (or next to) a Radial Gauge where the respective GaugeRangeBarIndicator is. 

 

How can I add labels next to the specific indicator section? Or is there a way that I can draw them manually?