🎟️ Grab your ticket for NativeScript Developer Day! Coming in April to Amsterdam. Learn more here.

NativeScript Angular

RadChart Negative Values

By default the LinearAxis supports the use of negative values. You can set the minimum minimum and/or the maximum to negative values


<RadCartesianChart tkExampleTitle tkToggleNavButton>
    <LinearAxis tkCartesianVerticalAxis allowZoom="true" minimum="-50" maximum="50"></LinearAxis>
    <CategoricalAxis tkCartesianHorizontalAxis allowZoom="true"></CategoricalAxis>

    <SplineAreaSeries tkCartesianSeries seriesName="SplineArea" [items]="negativeValues" categoryProperty="Period" valueProperty="Amount"></SplineAreaSeries>

This is how the chart will look like with negative values on the Y axis:

Cartesian chart: Negative Values Cartesian chart: Negative Values