Skip to main content
All docs
V24.2

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxSankeyLabelSettings.UseNodeColors Property

Specifies whether to apply the node color to the node label’s text.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[DefaultValue(false)]
[Parameter]
public bool UseNodeColors { get; set; }

#Property Value

Type Default Description
Boolean false

true to apply node colors to corresponding label captions;
false to use the DxFontSettings.Color property value as the label text color.

#Remarks

The DxSankey component uses the DxFontSettings.Color property to determine the label text color.

Razor
<DxSankey Data="@Data"
          SourceFieldName="Source"
          TargetFieldName="Target"
          WeightFieldName="Weight">
    <DxSankeyLabelSettings HorizontalOffset="20">
        <DxFontSettings Color="white"/>
    </DxSankeyLabelSettings>
    @* ... *@
</DxSankey>

You can set the UseNodeColors property to true to apply node colors to corresponding node label captions. The DxSankey component allows you to specify node colors through the DxSankey.Palette or DxSankeyNodeSettings.Color property.

Razor
<DxSankey Data="@Data"
          SourceFieldName="Source"
          TargetFieldName="Target"
          WeightFieldName="Weight"
          Palette="@(new string[]{"red", "blue", "green"})">
    @* Or *@
    <DxSankeyNodeSettings Color="red" />
</DxSankey>

#Example

The following code snippet applies node colors to corresponding node label captions:

DxSankey - Apply node colors to labels

<DxSankey Data="@Data"
          Width="100%"
          Height="440px"
          SourceFieldName="Source"
          TargetFieldName="Target"
          WeightFieldName="Weight">
    <DxSankeyNodeSettings Width="8" Spacing="30" />
    <DxSankeyLabelSettings UseNodeColors="true"/>
    <DxSankeyLinkSettings ColorMode="SankeyLinkColorMode.Gradient" />
    <DxTitleSettings Text="Commodity Turnover" />
</DxSankey>

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