DxSankey.ChangeStyleOnHover Property

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

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.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 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>