Add an option to define chart title.
Currently we can achieve this by adding a label on the top/bottom of the chart.
Example:
<Grid RowDefinitions="Auto,*">
<Label Grid.Row="0" Text="Chart title"/>
<telerik:RadCartesianChart x:Name="chart" Grid.Row="1" AutomationId="chart">
<telerik:RadCartesianChart.BindingContext>
<local:ViewModel />
</telerik:RadCartesianChart.BindingContext>
<telerik:RadCartesianChart.HorizontalAxis>
<telerik:CategoricalAxis />
</telerik:RadCartesianChart.HorizontalAxis>
<telerik:RadCartesianChart.VerticalAxis>
<telerik:NumericalAxis />
</telerik:RadCartesianChart.VerticalAxis>
<telerik:RadCartesianChart.Series>
<telerik:BarSeries CategoryBinding="Category"
ValueBinding="Value"
ItemsSource="{Binding Data}" />
</telerik:RadCartesianChart.Series>
</telerik:RadCartesianChart>
</Grid>
Hi Team,
I would like to be able to set different cap styles on the bars, like the RadGauge allows you to do on Indicators. For example, I want rounded corners.
Thank you,
John
Hi team,
Currently, I can only set LegendItemFontColor and LegendItemFontSize. I would like to be able to set LegendItemFontFamily
Thank you,
John
I have a RadPieChart in my application. When removing the app from the backstack and service is running, then opening the app from the notification, the app crashes with:
Java.Lang.IllegalStateException: ChildNode is already parented by a ChartElement instance.
Hi Team,
Only on iOS, an app will crash if the CartesianGridLineAnnotation's Value is not set. On Windows and Android, this does not occur.
Example:
<telerik:RadCartesianChart x:Name="chart">
<telerik:RadCartesianChart.Annotations>
<!-- PROBLEM: Crashes on iOS due to not have a default value-->
<telerik:CartesianGridLineAnnotation x:Name="marker" Axis="{x:Reference xAxis}"/>
<!-- WORKAROUND: Set a default Value -->
<telerik:CartesianGridLineAnnotation x:Name="marker" Axis="{x:Reference xAxis}" Value="0"/>
</telerik:RadCartesianChart.Annotations>
</telerik:RadCartesianChart>
An exception is thrown when setting the ChartPallete FillColor property. The issue is reproduced on all platforms.
Workaround:
Also set the StrokeColor property.
<telerik:ChartPalette>
<telerik:ChartPalette.Entries>
<telerik:PaletteEntry FillColor="Red" StrokeColor ="Yellow"/>
<telerik:PaletteEntry FillColor="Gray" StrokeColor ="Yellow" />
<telerik:PaletteEntry FillColor="Blue" StrokeColor ="Yellow"/>
</telerik:ChartPalette.Entries>
</telerik:ChartPalette>
The data points should allow setting shape and color to each one individually.
On WinUI: Two PieSeries are displayed.
On Android: Crash occurs
On iOS: negative value is displayed in chart
Hi
I have the following chart
<telerik:RadPieChart Grid.Row="1">
<telerik:RadPieChart.Series>
<telerik:DonutSeries ItemsSource="{Binding CurrencyAllocation}" x:Name="CurrSeries"
LabelBinding="Item1"
ValueBinding="Item2"
ShowLabels="True"
AllowSelect="True"
SelectedPointOffset="0.1"/>
</telerik:RadPieChart.Series>
<telerik:RadPieChart.ChartBehaviors>
<telerik:ChartSelectionBehavior DataPointSelectionMode="Single"
SeriesSelectionMode="None"
SelectionChanged="Chart_SelectionChanged" />
</telerik:RadPieChart.ChartBehaviors>
</telerik:RadPieChart>
As soon as I set the SelectedDataPointOffset to a lowish value, no matter whether it's 0.5, 0.1, 0.01, 0.001 or even 0.0000001, the offset when selecting the data point is always the same and it's so large that it's unusable, as you can see in the following screenshot.
As an additional issue, if i set the offset to 0.9, i get an exception
'RelativeOffsetFromCenter is not valid! The possible values are in the [0, 1] interval.'
as soon as I select a segment. 0.9 obviously is in the [0, 1] interval.
Workaround:
Change the Palette.
ChartPalette chartPalette = new ChartPalette();
chartPalette.Entries.Add(new PaletteEntry { FillColor = Colors.LightBlue, StrokeColor = Colors.LightGreen });
this.chart.Palette = chartPalette;