Из рисунка ниже видно, что линии графика не доходят до края контейнера StackLayout. Я попытался добавить отрицательные поля в StackLayout, но они несовместимы в зависимости от того, сколько данных у меня на графике, и поля могут колебаться. А между Android и iOS поля всегда различны.
Пример игровой площадки Nativescript: play.nativescript.org/?template=play-ng&id=I8lOBP
Это плохая версия: 
На изображении вы увидите, что на правом и левом краях есть темные полосы окна эмулятора. Я ищу способ, чтобы красная линия области коснулась этих краев. На изображении трудно увидеть, но дно также должно касаться дна контейнера StackLayout.
<StackLayout>
<RadCartesianChart
height="100%"
width="100%"
class="default-background">
<CategoricalAxis
lineColor="#f5f5f5"
hidden="true"
lineHidden="true"
lineThickness="1"
labelLayoutMode="Inner"
tkCartesianHorizontalAxis>
</CategoricalAxis>
<LinearAxis
lineColor="#f5f5f5"
hidden="true"
lineHidden="true"
lineThickness="1"
labelLayoutMode="Inner"
[maximum]="max"
[minimum]="min"
tkCartesianVerticalAxis>
</LinearAxis>
<AreaSeries
tkCartesianSeries
seriesName="Area"
showLabels="false"
categoryProperty="Date"
[items]="areaSource$ | async"
valueProperty="Amount"
selectionMode="None">
</AreaSeries>
<RadCartesianChartGrid
tkCartesianGrid
horizontalLinesVisible="false"
verticalLinesVisible="false"
verticalStripLinesVisible="false"
horizontalStripLinesVisible="false"
horizontalStrokeColor="#181818">
</RadCartesianChartGrid>
<Palette tkCartesianPalette seriesName="Area">
<PaletteEntry
tkCartesianPaletteEntry
opacity="1"
[fillColor]="fillColor"
[strokeColor]="lineColor"
android:strokeWidth="4"
ios:strokeWidth="2">
</PaletteEntry>
<PaletteEntry
tkCartesianPaletteEntry
[fillColor]="fillColor"
strokeColor="#181818"
strokeWidth="0">
</PaletteEntry>
</Palette>
</RadCartesianChart>
</StackLayout>
Вот как я хочу, чтобы он выглядел (кредит: фотошоп). 