DxSankey.PaletteExtensionMode Property

Specifies how to extend the component’s palette when the number of colors is less than the number of nodes.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(ChartPaletteExtensionMode.Blend)]
[Parameter]
public PaletteExtensionMode PaletteExtensionMode { get; set; }

Property Value

Type	Default	Description
PaletteExtensionMode	Blend	An enumeration value.

Available values:

Name	Description
Alternate	Repeats the full set of palette colors. Alternates normal, lightened, and darkened shades (in that order).
Blend	Blends two adjacent colors and inserts the new color between these colors in the palette.
Extrapolate	Repeats the full set of palette colors. Gradually changes their shades from dark to light.

Remarks

Use the PaletteExtensionMode property to specify how to extend the component’s palette specified by the Palette property.

Example

The following code snippet applies a custom palette to Sankey nodes and changes the palette’s extension mode:

Razor

<DxSankey Data="@Data"
          Width="100%"
          Height="440px"
          SourceFieldName="Source"
          TargetFieldName="Target"
          WeightFieldName="Weight"
          Palette="@(new string[]{"red", "blue"})"
          PaletteExtensionMode="PaletteExtensionMode.Blend">
    <DxSankeyNodeSettings Width="8" Spacing="30" />
    <DxTitleSettings Text="Commodity Turnover" />
</DxSankey>

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

DataSource

public List<SankeyDataPoint> GenerateData() {
    return new List<SankeyDataPoint>() {
        new SankeyDataPoint("Spain", "United States of America", 2),
        new SankeyDataPoint("Germany", "United States of America", 8),
        new SankeyDataPoint("France", "United States of America", 4),
        new SankeyDataPoint("Germany", "Great Britain", 2),
        new SankeyDataPoint("France", "Great Britain", 4),
        new SankeyDataPoint("United States of America", "Australia", 6),
        new SankeyDataPoint("United States of America", "New Zealand", 5),
        new SankeyDataPoint("United States of America", "Japan", 3),
        new SankeyDataPoint("Great Britain", "New Zealand", 4),
        new SankeyDataPoint("Great Britain", "Japan", 1),
    };
}
public class SankeyDataPoint {
    public string Source { get; set; }
    public string Target { get; set; }
    public int Weight { get; set; }
    public SankeyDataPoint(string source, string target, int weight) {
        Source = source;
        Target = target;
        Weight = weight;
    }
}