DxChart<T>.NegativesAsZeroes Property

Specifies whether the chart treats negative values as zeroes.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(false)]
[Parameter]
public bool NegativesAsZeroes { get; set; }

Property Value

Type	Default	Description
Boolean	false	true to display negative values as zeroes; otherwise, false.

Remarks

The DxChart component allows you to create series with negative values. When you use stacked series, the chart displays negative values as follows:

Set the NegativeAsZeroes property to true to display negative values as zeroes. Note that this property values apply to stacked series only.

Razor

@using ChartPane.Data
<DxChart Data="@ProfitData"
         NegativesAsZeroes="true">
    <DxChartTitle Text="Profit amount, $" />
    <DxChartStackedAreaSeries Name="2021"
                              T="Profit"
                              TArgument="String"
                              TValue="int"
                              Filter="@((Profit p) => p.Year == 2021)"
                              ArgumentField="p => p.Month"
                              ValueField="p => p.Amount">
        <DxChartSeriesPoint Visible="true" />
        <DxChartSeriesLabel Visible="true" />
    </DxChartStackedAreaSeries>
    <DxChartStackedAreaSeries Name="2022"
                              T="Profit"
                              TArgument="String"
                              TValue="int"
                              Filter="@((Profit p) => p.Year == 2022)"
                              ArgumentField="p => p.Month"
                              ValueField="p => p.Amount">
        <DxChartSeriesPoint Visible="true" />
        <DxChartSeriesLabel Visible="true" />
    </DxChartStackedAreaSeries>
</DxChart>

@code {
    IEnumerable<Profit> ProfitData;

    protected override void OnInitialized() {
        ProfitData = Profit.CreateDataSource();
    }
}

Profit.cs

namespace Chart.Data {
    public class Profit {
        public string Month { get; set; }
        public int Amount { get; set; }

        public static List<Profit> CreateDataSource() {
            var dataSource = new List<Profit>();
            dataSource.Add(new Profit { Year = 2021, Month = "January", Amount = 1500 });
            dataSource.Add(new Profit { Year = 2021, Month = "February", Amount = 980 });
            dataSource.Add(new Profit { Year = 2021, Month = "March", Amount = 200 });
            dataSource.Add(new Profit { Year = 2021, Month = "April", Amount = -150 });
            dataSource.Add(new Profit { Year = 2021, Month = "May", Amount = -10 });
            dataSource.Add(new Profit { Year = 2021, Month = "June", Amount = 160 });
            dataSource.Add(new Profit { Year = 2021, Month = "July", Amount = 240 });
            dataSource.Add(new Profit { Year = 2021, Month = "August", Amount = 375 });
            dataSource.Add(new Profit { Year = 2021, Month = "September", Amount = 560 });
            dataSource.Add(new Profit { Year = 2021, Month = "October", Amount = 520 });
            dataSource.Add(new Profit { Year = 2021, Month = "November", Amount = 490 });
            dataSource.Add(new Profit { Year = 2021, Month = "December", Amount = 720 });
            dataSource.Add(new Profit { Year = 2022, Month = "January", Amount = 864 });
            dataSource.Add(new Profit { Year = 2022, Month = "February", Amount = 980 });
            dataSource.Add(new Profit { Year = 2022, Month = "March", Amount = 730 });
            dataSource.Add(new Profit { Year = 2022, Month = "April", Amount = 645 });
            dataSource.Add(new Profit { Year = 2022, Month = "May", Amount = 710 });
            dataSource.Add(new Profit { Year = 2022, Month = "June", Amount = 735 });
            dataSource.Add(new Profit { Year = 2022, Month = "July", Amount = 800 });
            dataSource.Add(new Profit { Year = 2022, Month = "August", Amount = 590 });
            dataSource.Add(new Profit { Year = 2022, Month = "September", Amount = 300 });
            dataSource.Add(new Profit { Year = 2022, Month = "October", Amount = 480 });
            dataSource.Add(new Profit { Year = 2022, Month = "November", Amount = 680 });
            dataSource.Add(new Profit { Year = 2022, Month = "December", Amount = 870 });

            return dataSource;
        }
    }   
}