Skip to main content
All docs
V24.1

DxSparkline.BarNegativeColor Property

Specifies the color of negative values in Bar series.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue("#d7d7d7")]
[Parameter]
public string BarNegativeColor { get; set; }

Property Value

Type Default Description
String "#d7d7d7"

The bar color.

Remarks

The BarNegativeColor property accepts the following formats:

  • Longhand and shorthand hexadecimal color values: #ffff00, #ff0.
  • RGB and RGBA color codes: rgb(255, 0, 0), rgba(0, 230, 0, 0.3).
  • HTML color name (case-insensitive): red, DarkGreen.

Specify BarPositiveColor and BarNegativeColor properties to customize bars that indicate positive and negative values.

bar-positive-negative

<DxSparkline Data="@DataSource"
             Type="SparklineType.Bar"
             ArgumentFieldName="Month"
             ValueFieldName="VisitorCount"
             BarPositiveColor="Purple"
             BarNegativeColor="Green"
             ShowFirstLast="false"
             Height="50px"
             Width="200px" />

@code {
    IEnumerable<SparklineDataPoint> DataSource = Enumerable.Empty<SparklineDataPoint>();
    protected override void OnInitialized() {
        DataSource = GenerateData();
    }
}
See Also