Skip to main content
All docs
V25.1
  • DxSankey.ChangeStyleOnHover Property

    Specifies whether the DxSankey component changes the node or link appearance on hover.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    [DefaultValue(true)]
    [Parameter]
    public bool ChangeStyleOnHover { get; set; }

    Property Value

    Type Default Description
    Boolean true

    true to change the node or link appearance on hover; otherwise, false.

    Remarks

    When a user hovers the mouse pointer over a DxSankey node or link, the corresponding element changes its appearance. The DxSankeyHoverStyleSettings object determines style settings for the hovered element.

    DxSankey - Hovered nodes and links

    <DxSankey Data="@Data"
              SourceFieldName="Source"
              TargetFieldName="Target"
              WeightFieldName="Weight">
        <DxSankeyNodeSettings Width="8" Spacing="30">
            <DxSankeyHoverStyleSettings Color="#5f368d" Opacity="0.6" />
        </DxSankeyNodeSettings>
        <DxSankeyLinkSettings ColorMode="SankeyLinkColorMode.Gradient">
            <DxSankeyHoverStyleSettings Color="#888" Opacity="0.6" />
        </DxSankeyLinkSettings>
    </DxSankey>
    

    Set the Sankey component’s ChangeStyleOnHover property to false to disable the hover effect.

    <DxSankey Data="@Data"
              ChangeStyleOnHover="false"
              SourceFieldName="Source"
              TargetFieldName="Target"
              WeightFieldName="Weight">
        @* ... *@
    </DxSankey>
    
    See Also