Hi,
I used your document: https://docs.telerik.com/devtools/maui/controls/chart/chart-getting-started
And the chart not look ok, it get out of view in the bottom I want to see the name properly.
<ContentView.Content>
<Grid RowSpacing="25" RowDefinitions="auto, auto, auto,auto, auto,*" ColumnDefinitions="*">
<Label Grid.Row="3" Grid.Column="0" Text="Total Files Divided By Routes" HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand"/>
<telerikChart:RadCartesianChart Grid.Row="4" Grid.Column="0">
<telerikChart:RadCartesianChart.BindingContext>
<local:CategoricalDataViewModel />
</telerikChart:RadCartesianChart.BindingContext>
<telerikChart:RadCartesianChart.HorizontalAxis>
<telerikChart:CategoricalAxis PlotMode="OnTicks"
MajorTickInterval="2"
GapLength="0.5"/>
</telerikChart:RadCartesianChart.HorizontalAxis>
<telerikChart:RadCartesianChart.VerticalAxis>
<telerikChart:NumericalAxis LabelFitMode="MultiLine" />
</telerikChart:RadCartesianChart.VerticalAxis>
<telerikChart:RadCartesianChart.Series>
<telerikChart:BarSeries ValueBinding="Value"
CategoryBinding="Category"
ItemsSource="{Binding Data}" />
</telerikChart:RadCartesianChart.Series>
</telerikChart:RadCartesianChart>
</Grid>
</ContentView.Content>1 Answer, 1 is accepted
Hello Daniel,
The chart bars visualization seems to be a layout issue and it is not related to the chart control. In order to workaround it set a definitive height to the grid row where the chart is positioned.
Regarding to the issue with the horizontal axis label visualization, the behavior is expected as you have set the MajorTickInterval="2" to the CategoricalAxis(Horizontal Axis). For more details about this property review the following link from our documentation https://docs.telerik.com/devtools/maui/controls/chart/axes/axes-categorical-axis#features
Regards,
Didi
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.
Rank 1
Silver
Bronze
I removed these two properties and its OK now
MajorTickInterval="2" && GapLength="0.5" <telerikChart:CategoricalAxis PlotMode="OnTicks"
MajorTickInterval="2"
GapLength="0.5"/>
The second value is missing, the UI now look better