Chart is not look OK

[Daniel]

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>

[Daniel]

The first is Push with value 1 + second with Push2  value of 2

[Daniel]

The second value is missing, the UI now look better

[Didi]

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

[Daniel]

I removed these two properties and its  OK now

MajorTickInterval="2" && GapLength="0.5"

 <telerikChart:CategoricalAxis PlotMode="OnTicks"
                                    MajorTickInterval="2"
                                    GapLength="0.5"/>